HTMLリファレンスマニュアル

HTMLタグ全一覧

HTMLのid属性

HTMLのidグローバル属性は、ドキュメント全体でユニークな識別子（ID）を定義します。リンク（スライスを使用して）、スクリプト、およびスタイル（CSSを通じて）で要素を識別するために使用されます。

オンラインサンプル

JavaScriptスクリプトを使用してid属性を利用してテキスト内容を変更する：

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>基礎チュートリアルウェブ(oldtoolbag.com)</title>　
<script>
function　changeText()
{
　　　　document.getElementById("myHeader").innerHTML="ハハ、あなたに変わったよ、ありがとう!";
}
</script>
</head>
<body
<h1　id="myHeader">Hello　World!</h1>
<button　onclick="changeText()">idのテキスト内容を動的に変更</button>
</body>
</html>

テストをしてみてください ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがid属性をサポートしています

定義と使用法

id属性はHTML要素のユニークなidを指定します。

idはHTMLドキュメント内でユニークでなければなりません。

id属性はリンクアンカー（リンクアンカー）として使用でき、指定されたidを持つ要素にスタイルを変更または追加するためにJavaScript（HTML DOM）またはCSSを通じて使用されます。

HTML 4.01 HTMLとの関係5の違い

HTML5 では、id属性はどのHTML要素にも使用できます（それがHTML要素であればどのように確認しても、必ずしも役立つとは限りません）。

HTML 4.01 では、id属性は以下に使用できません： <base>, <head>, <html>, <meta>, <param>, <script>, <style>, および<title>。

注意: HTML 4.01 idの値には厳しい制限があります（例：HTML 4.01 id値は数字で始まってはなりません)。

文法

　　 <element id="id">

属性値

値	説明
id	要素のユニークなidを指定します。名前の規則：アルファベットAで始まる必要があります-Zまたはa-zで始まるの後の文字：アルファベット（A）-Za-（例：数字（0））-9（例：文字列（"-")）-（例：文字列（"_")、冒号（":")および点号（".")）大文字と小文字は区別される

さらに例

CSSでid属性を使用する
CSSでid属性を使用して要素にスタイルを追加する方法

HTML全体的属性

HTML: <template> タグ