Können HTML-IDs mit Zahlen beginnen?

Können IDs mit Zahlen beginnen?

Können Elemente in HTML IDs haben, die initiiert sind oder vollständig aus Zahlen bestehen?

Antwort:

Ja, ID-Werte in HTML können ausschließlich aus Ziffern bestehen. Zeichen außerhalb von Leerzeichen sind zulässig. Während frühere HTML-Versionen Einschränkungen für ID-Werte vorsahen und einen bestimmten Zeichensatz und einen Buchstaben als Ausgangspunkt erforderten, ignorierten Browser diese Einschränkungen. Dies spiegelt sich in der HTML5-Spezifikation wider, die eine größere Flexibilität ermöglicht.

Es ist jedoch zu beachten, dass die Verwendung von IDs, die mit Zahlen beginnen, bei der Gestaltung von Elementen mithilfe von CSS-Selektoren zu Herausforderungen führen kann. Um ein Element auszuwählen, dessen ID mit einer Ziffer beginnt, müssen Sie das Zeichen mit einem Backslash maskieren. Um beispielsweise ein Element mit der ID „12“ auszuwählen, wäre der CSS-Selektor #3132.

Trotz dieser potenziellen Nachteile können Sie in HTML numerische IDs verwenden. Hier ist eine Demonstration:

<div>
<p>In diesem Beispiel wird die Hintergrundfarbe mit CSS festgelegt:</p>
<pre class="brush:php;toolbar:false"># {
    background: #0bf;
}

Und der Rahmen wird in JavaScript mit document.getElementById festgelegt:

document.getElementById("12").style.border = "2px solid black";

Denken Sie daran, dass CSS-Selektoren erfordern, dass die ID maskiert wird, wenn numerische IDs verwendet werden. Die Entscheidung für mit Buchstaben beginnende IDs kann diesen Prozess vereinfachen, wenn Sie CSS-Selektoren für die Ausrichtung auf Elemente verwenden möchten.