Was ist eine praktische maximale Länge für HTML-ID?

Question

Die HTML spec sagt

ID und NAME-Token mit einem Buchstaben beginnen müssen ([A-Za-z]) und kann durch eine beliebige Anzahl von Buchstaben, Ziffern ([0-9]), Bindestrichen gefolgt werden ("-"), Unterstriche ("_"), Doppelpunkte (":") und Punkte (".").

Und obwohl die 10 von HTML 4 den Wert 65536 für NAMELEN verwendet, stellt es fest "Vermeiden Sie feste Grenzen."

Aber sicherlich Browser, CSS-Implementierungen und JavaScript-Toolkits müssen einige Grenzen für die Länge, die sie unterstützen. Was ist das kleinste Limit, das in einer HTML/CSS/JS-Anwendung sicher verwendet werden kann?

Answer 1

Nur getestet: 1M Zeichen funktioniert auf jedem modernen Browser: Chrome1, FF3, IE7, Konqueror3, Opera9, Safari3.

Ich vermute, noch längere IDs könnten schwer zu merken sein.

Answer 2

Wenn dies eine akademische Frage ist, ist es ziemlich interessant ... aber so weit wie Best Practices betroffen sind, sollten Sie nicht - oder wollen - diese ausstrecken. Wenn Sie Daten zu einem HTML-Element speichern müssen, ist es besser, sie in ein Attribut des DOM-Objekts einzufügen.

Answer 3

Eine praktische Grenze, für mich ist jedoch eine lange ID, die ich während der Zeit, in der ich mit dem HTML/CSS arbeite, in meinem Kopf speichern kann.

Diese Grenze liegt normalerweise zwischen 8 und 13 Zeichen, abhängig davon, wie lange ich gearbeitet habe und ob die Namen im Zusammenhang mit dem Element sinnvoll sind.

Answer 4

Manchmal werde ich mit sehr langen IDs enden, aber ich benenne sie konsistent, um ihren genauen Zweck zu erfüllen.

Zum Beispiel ...

<div id="page"> 
    <div id="primary-content"></div> 
    <div id="secondary-content"></div> 
    <div id="search-form-and-primary-nav-wrapper"> 
     <form id="search-form"></form> 
     <ul id="primary-nav"> 
      <li id="primary-nav-about-us"></li> 
     </ul> 
    </div> 
    <a id="logo"><img /></a> 
</div><!-- /#page --> 

Wie Sie sehen können, sind die Wähler gelegentlich ziemlich lang. Aber es ist so viel einfacher IMHO als mit etwas wie der YUI gates.css zu arbeiten, wo Sie mit IDs wie #doc, #bd, # yui-main, etc. enden.