Was sind gültige Werte für das Attribut id in HTML?

Question

Bei der Erstellung des id Attribute für HTML-Elemente, welche Regeln gibt es für den Wert?

Answer 1

In HTML

ID sollte beginnen mit {A-Z} o {a-z} . Sie können hinzufügen Ziffern, Punkte, Bindestriche, Unterstriche und Doppelpunkte.

Zum Beispiel:

<span id="testID2"></span>
<span id="test-ID2"></span>
<span id="test_ID2"></span>
<span id="test:ID2"></span>
<span id="test.ID2"></span>

Aber auch wenn Sie die ID mit Doppelpunkten (:) oder Punkten ( . ). Es ist schwer für CSS um diese IDs als Selektor zu verwenden. Vor allem, wenn Sie Pseudo-Elemente verwenden wollen ( :before y :after ).

Auch in JavaScript ist es schwierig, diese IDs auszuwählen. Daher sollten Sie die ersten vier IDs verwenden, wie es von vielen Entwicklern bevorzugt wird, und wenn es notwendig ist, können Sie auch die letzten beiden verwenden.

Answer 2

Walzen können sein: [a-z], [A-Z], [0-9], [* _ : -]

Es wird für HTML5 verwendet...

Wir können id mit jedem Tag hinzufügen.

Answer 3

Hilfe, mein Javascript ist kaputt!

Alle sagen, dass IDs keine Duplikate sein können.

Am besten in jedem Browser außer FireFox ausprobieren

<div id="ONE"></div>
<div id="ONE"></div>
<div id="ONE"></div>
<script>
  document.body.append( document.querySelectorAll("#ONE").length , ' DIVs!')
  document.body.append( ' in a ', typeof ONE )
  console.log( ONE );
</script>

Answer 4

Html-ID

Das Attribut id gibt den eindeutigen Bezeichner (ID) des Elements an.

Es gibt keine weiteren Einschränkungen hinsichtlich der Form einer ID; insbesondere können IDs nur aus Ziffern bestehen, mit einer Ziffer beginnen, mit einem Unterstrich beginnen, nur aus Satzzeichen bestehen, usw.

Der eindeutige Bezeichner eines Elements kann für eine Vielzahl von Zwecken verwendet werden, insbesondere als Möglichkeit, mithilfe von Fragmenten auf bestimmte Teile eines Dokuments zu verweisen, als Möglichkeit, ein Element bei der Skripterstellung anzusteuern, und als Möglichkeit, ein bestimmtes Element mit CSS zu gestalten.

Answer 5

1. Großbuchstaben und Kleinbuchstaben funktionieren
2. '_' und '-' funktionieren auch
3. Die Zahlen funktionieren
4. Doppelpunkt (,) und Punkt (.) scheint zu funktionieren
5. Interessant ist, dass Emojis funktionieren