• ベストアンサー

HTML要素のid/class名の長さについて

HTML要素のid/class名の長さについて HTML要素のid/class名についてですが、この名前の長さは何文字まで指定できるのでしょうか? 特に制限はなく、ブラウザなどの実装に依存するのでしょうか? <div id="so-loooooooooong-id-name"></div>

noname#241087
noname#241087
  • HTML
  • 回答数2
  • ありがとう数4

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

文字の長さに制限はありませんが、IDに関しては、別の制限がたくさんあります。

noname#241087
質問者

お礼

回答ありがとうございます。 idやclassに長い名前を付けたがる傾向があるので心配になったのですが、文字の長さに制限はないのですね。 安心しました。

その他の回答 (1)

  • LOHA
  • ベストアンサー率52% (203/388)
回答No.1

制限があるという話は聞いた事ないですね。 でも長くすることも無いので。 長すぎると打つのも面倒ですし…。 今試してみたところIE6で390文字のidで大丈夫でした。

noname#241087
質問者

お礼

回答ありがとうございます。 390文字でも大丈夫でしたか^^ 長さ制限については気にしなく大丈夫そうですね

関連するQ&A

  • class指定したHTML要素の背景色を変えるには

    HTML文書中で,class指定した要素の背景色を変更するには,どのようにしたら良いのでしょうか。 例: <div id="HOGE"> <p class="hoge"> Hellow! </p> </div> id指定の要素に対しては, document.getElementById('HOGE').style.backgroundColor="red"; として成功しましたが,class="hoge"に対してはどのように指定すれば良いのかわかりません。 よろしくお願いします。

  • 指定したidやclass以外の要素を指定するには

    cssで特定のidやclassを持った要素を指定することは常識ですが 指定したidやclass以外の要素を指定する方法はありますか? 例えば#mainというidを持ったdiv要素を除いた全てのdiv要素を指定するなど。 本来は共通のクラスを割り当てるのが正しいやり方だと思いますが、、、

    • ベストアンサー
    • CSS
  • 要素のid属性の名前について

    要素のid属性の名前について質問があるのですが、 ■質問1 ID名を付けるとき、同一文書内に同じID名を複数使用してはいけない、というのはこれは同じ要素に対して同じID名を複数付けてはいけないということでしょうか?それとも要素は関係なく、ID名そのものが複数存在してはいけないということでしょうか? 例1:要素、ID名ともに同じ場合× <p id="name"></p> <p id="name"></p> 例2:要素が違って、ID名が同じ場合? <p id="name"></p> <div id="name"></div> 例3:要素が違い、ID名も違うので○ <p id="name1"></p> <div id="name2"></div> ■質問2 ID名は、同一文書内に同じID名を複数使用してはいけないと言われていますが、実際には使用できてしまうそうですが、やはり本来の使用方法にのっとって同一ID名を複数使用しない方がよいのでしょうか? 回答よろしくお願いします。

    • ベストアンサー
    • HTML
  • 共通したクラス名を持つ複数のタグのIDを取得したい

    共通したクラス名を持つ複数のタグのIDを取得したい <div class="classA" id="id1">aaa</div> <div class="classB" id="id2">bbb</div> <div class="classA" id="id3">ccc</div> となっているHTMLファイルからjqueryで要素を取得するプログラムを作成しています この時、class="classA"となっているID(id1とid3)とテキスト(aaaとccc)をjqueryで取得する方法を考えています jqueryで、 var elements = $(".classA"); でclass名がclassAの要素の数を取得したり、 var id = $(".classA").attr("id"); でidを指定すれば取得することもできました しかし、これはjqueryがあらかじ

  • classとidの名前の付け方

    classとidの名前の付け方についてお伺いします。 1. classとidの名前の付け方によってSEOに関係するのでしょうか? 2. むやみにclassやidを付けずにセレクターなどを使うほうがよいのでしょうか? 3. 例えばid="category1"とつけるのとid="cat1"というように省略するとgoogleは「cat1ってなんだよ?」と判断したりしてランクを下げたりしますか? 4. 同じid名を1つのhtml内に複数使っていたり、class名が1つしか使われていないWebサイトをよく見掛けます。これでもブラウザは解釈するようですが、html内で1つしか使わないのにclassで指定するのは良くないのでしょうか? 5. そもそもidとclassをgoogleはどのように判別しているのでしょうか?idは見出し、classはその下のカテゴリとか・・・そういう感じですか? なかなかネットを検索してもわからなかったのでこちらで質問させて頂きました。 お手数ですがよろしくお願い致します。

    • ベストアンサー
    • CSS
  • classList で、class名が付かない。

    classList を使用して、新規で div タグに class 名を付けようと思っています。 div に id 名を付け、それを対象とした場合は、class 名は付きますが、 id名を含めない タグのみでは、class 名は付かないのでしょうか? コードは以下記述の通りです。 ご回答どうぞよろしくお願いいたします。 <html> <head></head> <body> <div id="hoge">class-name on tag.</div> <script> var dom = document.getElementById( 'hoge' ); //以下のように使えるなら理想です。 //var dom = document.getElementByTagName( 'div' ); dom.classList.add( 'test' ); </script> </body> </html>

  • id class

    過去問で http://personal.okwave.jp/qa2460757.html と同じ質問なのですが、こういうふうに考えてもいいでしょうか? 1.id は使わず、class だけを使っていれば問題はない。 また、 2.id は同じページ内では1箇所とありますが、 div#input {・・・・・} と指定して、<div id="input"></div> という箇所を何箇所も指定していますが、何の問題もなく表示されています。 これはどういうことでしょうか? よろしくお願いします。

  • id,classの名前

    idとclassの名前にhtml要素名を使わないほうがいいですか? <a id="body">や<p class="br>などはダメでしょうか?

  • HTMLへ要素の挿入について

    HTMLを文字列に代入した後に、img要素にsrcやwidhtなどのプロパティを 追加したいのですが可能でしょうか。 もし可能でしたら方法をご教授よろしくお願いします。 例 var elem = '<div class="box"><div><span></span></div><img /></div>'; どうぞ宜しくお願いします。

  • HTML構造の作り方

    HTMLを書くときにidの中に複数のclassやidを入れることがあると思いますが、うまくいきませんでした。 アメーバブログのフリースペースにHTMLを書いて、それをCSSで編集するようにしています。 ■私の書いたコード <div id="footerArea"> <div class="footerMenu">...</div> <div class="footerInArea"> <dl class="mobile"> <dd class="qrCode">...</dd> </dl> <p class="copyright">...</p> </div><!--//footerInArea--> </div><!--//footerArea--> このようなコードを記述して、CSSで装飾して添付画像のようなHTML構造を作ろうと試みたのですが、GoogleChromeの要素検索で調べてみると領域がきいてませんでした。 具体的には.footerMenuが高さ0px。 .footerInAreaは.footerMenuを含まない領域なはずなのに含んでいる。 dl.mobileとdd.qrCodeがなぜか.footerMenuや.footerInAreaを含む要素になっている。 原因がわからずにいます。 ブログはこちらです。 http://ameblo.jp/3800millionbp/ どのようにしたら構造がしっかりと決まりますでしょうか? HTML構造の作り方もかねてご教授いただけると幸いです。

    • ベストアンサー
    • HTML

専門家に質問してみよう