ホームページ > ウェブフロントエンド > jsチュートリアル > HTML の ID は数字で始まることも、数字のみで構成されることもできますか?

HTML の ID は数字で始まることも、数字のみで構成されることもできますか?

DDD
リリース: 2024-11-12 19:50:02
オリジナル
844 人が閲覧しました

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

ID には数字のみを含めることはできますか?

ID で始まる要素、または数字だけで構成される要素を作成できますか?

はい、できます。 ただし、そのような ID を CSS セレクターで使用するのは難しい場合があります。

ID 検証:

HTML5 では許可されていますスペース以外の数字のみで構成される ID。 HTML5 仕様が登場する前から、ブラウザーは常にこれに柔軟に対応してきました。

CSS セレクター:

数値 ID を使用できますが、CSS セレクターでは煩雑になります。数字で始まる ID を文字通りに記述することはできません。バックスラッシュを使用してエスケープする必要があります (例: CSS では #12 は #3132 になります)。

推奨事項:

これらの ID を CSS セレクターで使用する予定がある場合は、便宜上、文字で始めることをお勧めします。

例:

ID が「12」の div を使用する例を次に示します:

<div>
ログイン後にコピー
# {
    background: #0bf;
}
ログイン後にコピー
document.getElementById("12").style.border = "2px solid black";
ログイン後にコピー

以下のライブサンプルで示すように、これは主要なブラウザで動作します:

[ライブサンプル](https://jsfiddle.net/e0xs9L06/)

以上がHTML の ID は数字で始まることも、数字のみで構成されることもできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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