HTML 要素の ID の最初の文字として数字を使用できますか?

Linda Hamilton
リリース: 2024-11-11 09:39:02
オリジナル
128 人が閲覧しました

Can I Use a Number as the First Character in an HTML Element's ID?

数字で始まる ID を持つ要素を使用できますか?

要素の ID を数字で分割するのは珍しい習慣のように思えるかもしれませんが、完全に可能です。 HTMLで。ただし、数値 ID の使用は有効ではありますが、CSS で要素を選択してスタイル設定するときに問題が発生する可能性があることに注意することが重要です。

HTML では、数字のみで構成される ID 値が許可されています。スペース以外の任意の文字が許容されるとみなされます。ブラウザーは歴史的にこの慣行をサポートしており、HTML5 仕様のより厳しい制限が緩和されました。

HTML で数値 ID を使用することは技術的には可能ですが、CSS セレクターで数値 ID を使用する場合は注意が必要です。 CSS ID セレクターは数字で始まる ID を許可しないため、エスケープが必要です。たとえば、#12 は CSS セレクターとして無効なので、#3132 として指定する必要があります。

CSS セレクターで数値 ID を使用する場合は、簡単にするために文字で始めることをお勧めします。それにも関わらず、以下は ID「12」の div の使用とそれを操作するさまざまな方法を示す例です。

  • CSS: #3132 {background: #0bf; }
  • JavaScript (getElementById): document.getElementById("12").style.border = "2px ソリッド ブラック";
  • JavaScript (querySelector) : document.querySelector("#3132").style.fontStyle = "italic";

document.querySelector のサポートはブラウザーによって異なる場合があることに注意してください。この機能をサポートするブラウザは、後者の方法を使用してスタイルの変更を適用できます。

以上がHTML 要素の ID の最初の文字として数字を使用できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート