HTML IDの実際の最大長はどれくらいですか？

Question

HTML specは

IDとNAMEトークンは文字で始まらなければならないと言う（[A-ZA-Z]）と を行ってもよい文字、数字（[0-9]）、ハイフンの任意の数（ " - "）、アンダースコア（ "_"）、コロン（ "："）、およびピリオド（ "。"

HTML 4のSGML declarationにはNAMELENの値65536が使用されていますが、「固定された制限を避ける」と記載されています。

ただし、ブラウザ、CSS実装、およびJavaScriptツールキットには、のいずれかの数字がに設定されている必要があります。 HTML/CSS/JSアプリケーションで安全に使用できる最小限の制限は何ですか？

Answer 1

テスト済み：1Mの文字は、現代のすべてのブラウザ（Chrome1、FF3、IE7、Konqueror3、Opera9、Safari3）で動作します。

さらに長いIDが覚えにくくなると思われます。

Answer 2

これは学問的な質問ですが、それはかなり面白いですが、ベストプラクティスに関する限り、これらを伸ばす必要はありません。 HTML要素に関するデータを格納する必要がある場合は、DOMオブジェクトの属性に格納する方がよいでしょう。

Answer 3

しかし、実際の制限は、私がHTML/CSSで作業している間に私の頭の中に保存できるIDです。

この制限は、私が働いていた時間や要素のコンテキストで名前が意味をなさないかどうかによって、通常8〜13文字です。

Answer 4

私は非常に長いIDで終わることがありますが、その正確な目的に合わせて一貫して名前を付けます。例えば

...

<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 --> 

あなたが見ることができるように、セレクタは時折かなり長いです。しかし、それはあなたが#doc、＃bd、＃yui-mainなどのIDで終わるYUIグリッドのようなもので作業するよりもはるかに簡単です。