HTML/Attribute/id
Aus SELFHTML-Wiki
Das Universalattribut id identifiziert ein Element innerhalb eines Dokuments. Es dient vorwiegend als Ziel eines Linkfragments, als Identifikator innerhalb eines CSS-Selektors oder als Identifikator für Javascript-DOM-Methoden. Ein Element kann nur eine id besitzen (aber Sie haben weitere Identifikationsmöglichkeiten über Klassen- oder Attributselektoren).
Der Inhalt des id-Attributes muss innerhalb eines Dokuments eindeutig sein, d. h. es darf kein weiteres Element den selben String als Wert seines id-Attributes haben.
| erlaubte Werte |
ein nicht leerer String aus beliebigen Zeichen, mit Ausnahme von ASCII-Whitespace. |
|---|---|
| default-Wert | |
| erlaubt in | allen Elementen |
Beispiel
<div id="footnote-collection">
Identifiziert den im Dokument einzig vorkommenden Bereich, der alle Fußnoten enthält.
Beachten Sie: In HTML 4 waren die Regeln für Ids relativ streng, seit HTML 5 gibt es außer „kein ASCII-Whitespace“ keine Regeln mehr. Das heißt nicht, dass es klug ist, beliebige Zeichenfolgen als Id zu verwenden. Berücksichtigen Sie:
- Im HTML-Quelltext müssen die Zeichen <, > und & generell als HTML-Entitäten <, > und & notiert werden.
- Die Zeichen ' und " sind Begrenzer für Attributwerte und erfordern ebenfalls Beachtung, nicht nur in HTML, sondern gegebenenfalls auch in JavaScript oder serverseitig in PHP.
- Um eine Id in einem CSS ID-Selektor verwenden zu können, ist es nützlich, wenn die Id den Namensregeln für CSS-Identifier folgt. Man kann zwar mit CSS-Escapesequenzen beliebige Zeichen in Id-Selektoren nutzen, es ist aber mühsam.
- Ids können als Seitenanker verwendet werden und tauchen dann als Teil einer URL auf. Solche Ids sollten möglichst nur Zeichen verwenden, die auch in einer URL erlaubt sind.
Siehe auch
- CSS/Selektoren/ID-Selektor
- Selektoren in CSS/Einstieg#Umgang mit IDs, die spezielle Zeichen enthalten
- JavaScript/DOM/Document/getElementById (Elemente über ihre id auswählen)
- Die
idkann mit Element.id ermittelt oder geändert werden.