Heim > Web-Frontend > js-Tutorial > Hauptteil

Können IDs in HTML mit Zahlen beginnen oder nur aus Zahlen bestehen?

DDD
Freigeben: 2024-11-12 19:50:02
Original
776 Leute haben es durchsucht

Can IDs in HTML Start with or Consist Only of Numbers?

Können IDs nur Ziffern enthalten?

Können Sie ein Element mit einer ID erstellen, die mit Zahlen beginnt oder vollständig aus Zahlen besteht?

Ja, das können Sie.Die Verwendung solcher IDs mit CSS-Selektoren kann jedoch eine Herausforderung sein.

ID-Validierung:

HTML5 erlaubt IDs, die ausschließlich aus Ziffern bestehen, sofern es sich nicht um Leerzeichen handelt. Browser waren damit schon immer flexibel, schon vor der HTML5-Spezifikation.

CSS-Selektoren:

Während Sie numerische IDs verwenden können, wird es bei CSS-Selektoren umständlich. IDs, die mit Ziffern beginnen, können nicht wörtlich geschrieben werden; Sie müssen sie mit Backslashes maskieren (z. B. wird #12 in CSS zu #3132).

Empfehlung:

Wenn Sie vorhaben, diese IDs mit CSS-Selektoren zu verwenden, ist dies der Fall Es wird empfohlen, sie der Einfachheit halber mit Buchstaben zu beginnen.

Beispiele:

Hier ist ein Beispiel mit einem Div mit der ID „12“:

<div>
Nach dem Login kopieren
# {
    background: #0bf;
}
Nach dem Login kopieren
document.getElementById("12").style.border = "2px solid black";
Nach dem Login kopieren

Dies funktioniert in den wichtigsten Browsern, wie im Live-Beispiel unten gezeigt:

[Live-Beispiel](https://jsfiddle.net/e0xs9L06/)

Das obige ist der detaillierte Inhalt vonKönnen IDs in HTML mit Zahlen beginnen oder nur aus Zahlen bestehen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage