HTML では、id は「Identity document」の略語で、「ID 識別番号」を意味します。この属性は、要素の一意の ID を指定するために使用されます。この属性は、リンク アンカーとして使用できます。 JavaScript または CSS を通じて、指定された ID を持つ要素にスタイルを変更または追加します。
このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、Dell G3 コンピューター。
html における id の意味
id 属性は、HTML 要素の一意の ID を指定します。
id は HTML ドキュメント内で一意である必要があります。
id 属性は、JavaScript (HTML DOM) または CSS 経由で指定された ID を持つ要素にスタイルを変更または追加するためのリンク アンカーとして使用できます。
HTML 4.01 と HTML5 の違い
HTML5 では、id 属性は任意の HTML 要素で使用できます (任意の HTML 要素を検証します。ただし、必ずしも役立つわけではありません)。
HTML 4.01 では、id 属性は 、
、、
、
、<script>、< には使用できません。 style>、<title>。 <p>注: HTML 4.01 には ID 値に厳しい制限があります (たとえば、HTML 4.01 では ID 値を数字で始めることはできません)。 <p>構文<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><element id="id"></pre><div class="contentsignin">ログイン後にコピー</div></div><p>属性値</p><p>idは要素の一意のIDを指定します。 </p><p>命名規則: </p><ul style="list-style-type: disc;"><li><p>文字 A ～ Z または a ～ z で始める必要があります</p></li><li><p>次の文字: 文字 (A ～ Za ～ z)、数字 (0 ～ 9)、ハイフン ("-")、アンダースコア ("_")、コロン (":")、およびピリオド (".")</p></li><li> 値大文字と小文字は区別されます <p></p></li></ul> 例は次のとおりです: <p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><html>
<head>
<meta charset="utf-8">
<title>123</title>
<script>
function displayResult()
{
document.getElementById("myHeader").innerHTML="Have a nice day!";
}
</script>
</head>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">编辑文本</button>
</body>
</html></pre><div class="contentsignin">ログイン後にコピー</div></div>出力結果: <p>ボタンをクリックする前に<p><p> <img src="https://img.php.cn/upload/image/805/355/789/1641802775925527.png" title="1641802775925527.png" alt="HTMLのIDは何を意味しますか"/>ボタンをクリックした後<p><p><img src="https://img.php.cn/upload/image/891/705/104/1641802783118131.png" title="1641802783118131.png" alt="HTMLのIDは何を意味しますか"/> 推奨チュートリアル: 「<p>html ビデオ チュートリアル <a href="http://www.php.cn/course/list/11.html" target="_blank" textvalue="html视频教程">」</script>
以上がHTMLのIDは何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
