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

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

DDD
DDDオリジナル
2024-11-12 19:50:02892ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。