HTML要素ようそ

HTML要素ようそ（HTMLようそ、英えい: HTML element）の記事きじでは、HTML文書ぶんしょを構成こうせいする各種かくしゅの要素ようそを解説かいせつする。なお、一般いっぱんに「HTML要素ようそ」と言いった場合ばあい、HTML文書ぶんしょにおいて「html」というタグ名めいのルート要素ようそを指さすことが多おおい。

要素ようその構成こうせい

例れい）

<strong>強調きょうちょう部分ぶぶんです。</strong>

要素ようそ (element) は、開始かいしタグ (Start-tag)・内容ないよう (Content)・終了しゅうりょうタグ (End-tag) の3つから構成こうせいされる^{[注ちゅう 1]}。要素ようそは<と>で囲かこまれる開始かいしタグで始はじまり、</と>で囲かこまれる終了しゅうりょうタグで終おわる。開始かいしタグと終了しゅうりょうタグではさまれた部分ぶぶんが内容ないようとなる。また開始かいしタグ内ないに、任意にんい個この、属性ぞくせい (attribute) と属性ぞくせい値ち (value) のペア（HTML属性ぞくせい(HTML attribute)）を含ふくむことができる。

「要素ようそ」と「タグ」はこのような関係かんけいにあり、明確めいかくに区別くべつし、用語ようごも明確めいかくに使つかい分わける必要ひつようがある。

また、XMLでは、開始かいしタグや終了しゅうりょうタグとは別べつに、空そら要素ようそのための空そら要素ようそタグ (Empty-Element Tags)が規程きていされている。空そら要素ようそタグは<と/>で囲かこまれ、内容ないようを持もたない。意味いみは<elem></elem>のように記述きじゅつされた場合ばあいと基本きほん的てきには全まったく同おなじに扱あつかわれる（ツール類るいの実装じっそうによっては、内部ないぶでは識別しきべつしているものもある）。

HTML構文こうぶんとXML構文こうぶんとの違ちがい

HTMLを表記ひょうきするための構文こうぶんは、独自どくじのHTML構文こうぶんとXMLアプリケーションであるXML構文こうぶんに大別たいべつされる。HTML構文こうぶんは、HTML 2～4.01までの間あいだSGMLアプリケーションとして定義ていぎされていた。しかし、現実げんじつにはウェブブラウザのほとんどでSGMLとして処理しょりされることはなく、そのためSGMLであることをやめて独自どくじに構文こうぶんを定義ていぎするようになった^[1]^[2]。もう一方いっぽうのXML構文こうぶんはXHTMLに由来ゆらいする。

HTML構文こうぶんとXML構文こうぶんの相違そういは以下いかのようになる。

タグの省略しょうりゃく

HTML

一部いちぶの開始かいしタグ・終了しゅうりょうタグは省略しょうりゃく可能かのうと定義ていぎされている^[3]^[4]。また、空そら要素ようそ (void elements)と指定していされている要素ようそでは開始かいしタグのみを記述きじゅつし、終了しゅうりょうタグを書かいてはならない^[5]^[6]。

HTML 4.01までは、SGMLの省略しょうりゃくタグ機構きこうによって同様どうようのタグの省略しょうりゃくが認みとめられていた。

XML

XMLはタグの省略しょうりゃくは不可能ふかのうである。そのため、XMLアプリケーションであるXML構文こうぶんでは空そら要素ようそを表現ひょうげんする場合ばあい、次つぎのうちどちらかを用もちいる必要ひつようがある。

空そら要素ようそタグを使つかい「<要素ようそ名めい />」や「<要素ようそ名めい/>」を使つかう。
開始かいしタグの直後ちょくごに終了しゅうりょうタグを記述きじゅつする（「<要素ようそ名めい></要素ようそ名めい>」）。

なお、古ふるいユーザーエージェントのためには、前者ぜんしゃのうち「/>」の前まえにスペースを入いれる記述きじゅつが推奨すいしょうされている^[7]。

属性ぞくせいの省略しょうりゃく

HTML

属性ぞくせいに関かんして次つぎのような省略しょうりゃくが可能かのうである。

属性ぞくせい値ちに以下いかの文字もじを含ふくまない場合ばあい、属性ぞくせい値ちを括くくる引用いんよう符ふが省略しょうりゃく可能かのう^[8]^[9]。
- ASCII空白くうはく文字もじ
- U+0022 二に重じゅう引用いんよう符ふ
- U+0027 アポストロフィー
- U+003D 等号とうごう
- U+003C 不等号ふとうごう(より小しょう)
- U+003E 不等号ふとうごう(より大だい)
- U+0060 グレイヴ・アクセント
空そら属性ぞくせい: 属性ぞくせい名めいが択一たくいつ式しきである場合ばあいに属性ぞくせい名めいが省略しょうりゃく可能かのう。

XML

XHL構文こうぶんでは、HTML構文こうぶんで許ゆるされていた属性ぞくせいに関かんする省略しょうりゃくは不可能ふかのうである。これはXMLの特徴とくちょうに因よる。

HTML要素ようそ一覧いちらん

基本きほん的てきな構造こうぞうを表あらわす要素ようそ

html: HTML文書ぶんしょのルート要素ようそ (document root element)。
head: HTML文書ぶんしょのヘッダ部分ぶぶん (document head) を指定していする要素ようそ。HTML文書ぶんしょ自身じしんに関かんする情報じょうほう（例れい：タイトルやスタイルシートに関かんする情報じょうほうなど）を指定していできる。
body: HTML文書ぶんしょの本体ほんたい部分ぶぶん (document body) を指定していする要素ようそ。

HTML文書ぶんしょは、ヘッダ部分ぶぶんと本体ほんたい部分ぶぶんの2つに分わけることができる。2007年ねん11月がつ現在げんざいで有効ゆうこうなスキーマでは、ルート要素ようそであるhtml要素ようその直下ちょっかにはhead要素ようそ、body要素ようそをこの順じゅんで1つずつだけ取とることができる。

HTML文書ぶんしょは次つぎのような構造こうぞうとなる。

<html>
  <head>
    head要素ようそ以下いかに取とることができる要素ようそ群ぐん。
    title要素ようそなどをはじめとしたそのHTML文書ぶんしょ自身じしんに関かんする情報じょうほうからなる。
  </head>
  <body>
    body要素ようそ以下いかに取とることができる要素ようそ群ぐん。
    HTML文書ぶんしょの本文ほんぶんとなる情報じょうほうを記述きじゅつする。
  </body>
</html>

ヘッダ内ないに記述きじゅつ可能かのうな要素ようそ

title: タイトル (document title) を指定していする。多おおくのウェブブラウザ実装じっそう系けいでは、タイトルバーに表示ひょうじされる。例たとえば、このページのタイトルは "HTML要素ようそ - Wikipedia" である。; HTML文書ぶんしょで唯一ゆいいつ必須ひっすかつ省略しょうりゃくのできない要素ようそ。
base: 相対そうたいパスの基準きじゅんURL (document base URI) をhref属性ぞくせいで指定していする。

ヘッダ内ないで複数ふくすう記述きじゅつできる要素ようそ (repeatable head elements)

link: 自分じぶん自身じしんとhref属性ぞくせいで指定していしたファイルとの関係かんけいをrel属性ぞくせいで定義ていぎする。; rel属性ぞくせいはHTML4.01で有効ゆうこうなものには alternate, stylesheet, start, next, prev, contents, index, glossary, copyright, chapter, section, subsection, appendix, help, bookmarkがあり、他たに使つかわれるものとして、shortcut iconがある。
meta: →「meta要素ようそ」も参照さんしょう; 文書ぶんしょの情報じょうほう (generic metainformation) を定義ていぎする。
object: 埋うめ込こみオブジェクト (generic embedded object) であることを示しめす。大抵たいていの場合ばあいはインライン要素ようそとして使用しようする。data属性ぞくせいにURI、type属性ぞくせいにMIMEタイプ(image/gif等とう)を指定していすることでFLASHや音楽おんがくなど様々さまざまな種類しゅるいのオブジェクトを出力しゅつりょくする事ことができる。; 内容ないようには代替だいたい（オブジェクト要素ようそも可か）を記述きじゅつする。例たとえば一いち番外ばんがいからオブジェクト要素ようそ (FLASH)、オブジェクト要素ようそ（画像がぞう）、説明せつめい文ぶん、のように入いれ子こにするとFLASHの利用りようできない環境かんきょうでは画像がぞうが、FLASHと画像がぞうの利用りようできない環境かんきょうでは説明せつめい文ぶんが出力しゅつりょくされる。これはimg要素ようそ等とうのalt属性ぞくせいと比くらべると高性能こうせいのうな代替だいたいシステムであるが、これに対応たいおうしないウェブブラウザも少すくなくない。
param: プロパティ値ちの設定せってい (named property value) を行おこなう。object要素ようそで使用しようするメディアに対たいしての初期しょき値ちを設定せっていするために使用しようする。; 内容ないようは空そらで終了しゅうりょうタグは存在そんざいしない。
style: スタイル情報じょうほう (style info) を記述きじゅつする。; type属性ぞくせいの記述きじゅつが必要ひつよう（text/css等とう）。
script: スクリプト (script statements) を記述きじゅつする。; type属性ぞくせい（text/javascriptなど）とmeta要素ようそでスクリプトタイプの宣言せんげんが必要ひつよう。

文書ぶんしょの更新こうしん情報じょうほうを示しめす要素ようそ

ins: 追加ついかされた文書ぶんしょ (inserted text) であることを示しめす。; datetime属性ぞくせいに追加ついか日時にちじを記載きさいできる。
del: 削除さくじょされた文書ぶんしょ (deleted text) であることを示しめす。; datetime属性ぞくせいに削除さくじょ日時にちじを記載きさいできる。

ブロックレベル要素ようそ

p: 段落だんらく (paragraph) を構成こうせいする。
blockquote: 引用いんよう文ぶん (long quotation) であることを示しめす。; ウェブブラウザによってはインデントして表示ひょうじすることがあるが、この要素ようそはあくまで引用いんよう目的もくてきに用もちいるべきであり、単たんにインデントするために用もちいるのは好このましくない。また、内容ないようにクォーテーションマーク（「"」や「'」）を用もちいるのは避さけるほうが良よい。; cite属性ぞくせいで引用いんよう元もと・出典しゅってんを明示めいじすることができる。
pre: 整形せいけい済ずみテキスト (preformatted text) の節ふしであることを示しめす。; 内容ないようにはインライン要素ようそを含ふくめる事こともできるがimg、object、big、small、sub、sup要素ようそは使用しようできない。; ウェブブラウザのサイズによる折おり返かえしがされなくなるため、リキッドレイアウトを行おこなうには不向ふむき。
div: ブロックレベルでのスタイルコンテナ。; この要素ようそ自体じたいに意味いみは無ない。文書ぶんしょの構造こうぞうを示しめすときや、既存きそんの要素ようそには含ふくめられない物ものの代用だいよう要素ようそとして使用しようする。
noscript: スクリプトが動作どうさしない環境かんきょうでの代替だいたいコンテンツ (alternate content container for non script-based rendering) であることを示しめす。スクリプトが動作どうさする環境かんきょうでは無視むしされる。; 代替だいたいとなりうるコンテンツを示しめす要素ようそである。
hr: 水平すいへい線せん (horizontal rule) を示しめす。内容ないようは空そらで終了しゅうりょうタグは存在そんざいしない。
address: 著者ちょしゃの情報じょうほう・連絡れんらく方法ほうほう (information on author) を示しめす。; メールアドレスを記述きじゅつするのが一般いっぱん的てき。ただし、address要素ようそ内ないのメールアドレスがメールアドレス検索けんさくロボットの標的ひょうてきになりスパムメールなどの被害ひがいに遭あう可能かのう性せいもある。
form: コントロール要素ようそを纏まとめた入いれ物ものであることを示しめす(interactive form)。; action属性ぞくせいが必須ひっすで、入力にゅうりょくされたデータの処理しょりを行おこなうURIを指定していする。
fieldset: フォームコントロールのグループ (form control group) を示しめす。; 関連かんれんしたフォームコントロールを記述きじゅつすることで利便りべん性せいを高たかめることが出来できる。
legend: fieldset要素ようその表題ひょうだい (fieldset legend) を示しめす。

以下いかにfieldset要素ようそとlegend要素ようその記述きじゅつ例れいを示しめす。

<form action="http://...">
  <fieldset>
    <legend>名前なまえ</legend>
    <label>姓せい:<input type="text"></label>
    <label>名な:<input type="text"></label>
  </fieldset>
  <fieldset>
    <legend>住所じゅうしょ</legend>
    <label>県けん:<input type="text"></label>
    <label>市し:<input type="text"></label>
  </fieldset>
</form>

見出みだし (heading)

h1〜h6: 文章ぶんしょうの見出みだし (heading) を示しめす。h1が最さい上位じょういの見出みだしで、h6が最下位さいかいの見出みだし。

リスト (list)

ul: 順序じゅんじょなしリスト (unordered list) を示しめす。一ひとつ以上いじょうのli要素ようそを含ふくむ必要ひつようがある。
ol: 順序じゅんじょ付つきリスト (ordered list) を示しめす。一ひとつ以上いじょうのli要素ようそを含ふくむ必要ひつようがある。
li: リストの項目こうもく (list items) を示しめす。ブロック要素ようそを含ふくめられるため、入いれ子このリストを作成さくせいすることもできる。
dl: 定義ていぎのリスト (definition list) であることを示しめす。dt要素ようそかdd要素ようそを1つ以上いじょう含ふくむ必要ひつようがある。
dt: 定義ていぎする用語ようご (definition term) であることを示しめす。
dd: 定義ていぎの説明せつめい (definition description) であることを示しめす。

表ひょうを構成こうせいする要素ようそ

表おもて形式けいしきのデータを表あらわす要素ようそ群ぐん。その特性とくせいからレイアウトに使用しようされることがあるが間違まちがいである。

また正まさしくマークアップする為ためには（他たの要素ようそに比くらべ）多少たしょうの知識ちしきを要ようする。これは音声おんせいブラウザの挙動きょどうなど、アクセシビリティを考慮こうりょした場合ばあいに制約せいやくが多おおいため。

table: 表ひょう (table) を構成こうせいする要素ようその大枠おおわくを示しめす。summary属性ぞくせいに表ひょうの要約ようやく・解説かいせつを記述きじゅつする。; 内容ないようの要素ようそには細こまかく順番じゅんばんが規定きていされていて以下いかの通とおりである。; 0個こか1個いっこのcaption要素ようそ、0個こ以上いじょうのcolgroup要素ようそとcol要素ようそ、0個こ以上いじょうのthead要素ようそ、0個こ以上いじょうのtfoot要素ようそ、1個いっこ以上いじょうのtbody要素ようそ。
caption: 表題ひょうだい (table caption) を示しめす。table要素ようその直下ちょっかに記述きじゅつする。
thead、tfoot、tbody: それぞれヘッダ (table header)、フッタ (table footer)、本体ほんたい (table body) で、表ひょう内ないでの節ふし (table section) を示しめす。; 内容ないようはtr要素ようそのみで、1つ以上いじょうの記述きじゅつが必要ひつようである。また、各かく要素ようそ内ないにおいての列れつの数かずは等ひとしくなくてはならない。
colgroup: 構造こうぞう的てきな列れつのグループ (table column group) を示しめす。; グループ化かさせるには2つの方法ほうほうがあり、span属性ぞくせいで列れつ数すうを指定していする方法ほうほうかcol属性ぞくせいを列れつ数すう分ふん記述きじゅつする方法ほうほうである。
col: 列れつのグループ (table column) を示しめす。; colgroup要素ようそと違ちがい、構造こうぞう的てきなグループを示しめさず、スタイルの指定していを主おもとしたグループ化かを行おこなう。; span属性ぞくせいでグループ化かする列れつ数すうを指定していする。内容ないようは空そらで終了しゅうりょうタグは存在そんざいしない。
tr: 表ひょう内ないの行くだり (table row)を示しめす。; 内容ないように1つ以上いじょうのth要素ようそかtd要素ようそが必要ひつよう。
th、td: それぞれ、ヘッダのセル (table header cell)、データのセル (table data cell) を示しめす。; 視覚しかく系けいでないユーザーエージェントに対応たいおうする為ためにいくつかの整形せいけい方法ほうほうがある。

ヘッダ要素ようそのid属性ぞくせいと、データ要素ようそのheaders属性ぞくせいを結むすびつける (同おなじ値ちを指定していする)。これによって音声おんせいブラウザではヘッダとデータの内容ないようを交互こうごに読よみ上あげることが出来できる。
上記じょうきの省略しょうりゃく系けいといえるscope属性ぞくせいを用もちいる。ヘッダ属性ぞくせいにcolを指定していすることで縦たて方向ほうこう・rowを指定していすることで横よこ方向ほうこうのデータと結むすびつけることが出来できる。
ヘッダ要素ようそにabbr属性ぞくせいで短縮たんしゅく系けいを指定していする。例たとえば、ヘッダ要素ようその内容ないようが"価格かかく（円えん）"等とうの場合ばあい、逐一ちくいち読よみ上あげるのは冗長じょうちょうになる。abbr属性ぞくせいが"価格かかく"となっていれば、「価格かかく100」等とうと読よみ上あげられ、冗長じょうちょうさは解消かいしょうされる。

以下いかにtable要素ようその記述きじゅつ例れいを示しめす。

<table summary="取とり扱あつかい商品しょうひんの一覧いちらん表ひょう。商品しょうひんごとに価格かかく・備考びこうを表記ひょうきする。" border="1">
  <capthion>商品しょうひん一覧いちらん</capthion>
  <colgroup class="head" span="1"></colgroup>
  <colgroup class="data" span="2"></colgroup>
  <thead>
    <tr>
      <th id="t1">商品しょうひん名めい</th>
      <th id="t2" abbr="価格かかく">価格かかく（円えん）</th>
      <th id="t3" abbr="備考びこう">備考びこう（産地さんち・在庫ざいこなど）</th>
    </tr>
  </thead>
  <tbody>
    <tr><td headers="t1">りんご</td><td headers="t2">100</td><td headers="t3">青森あおもり産さん</td></tr>
    <tr><td headers="t1">みかん</td><td headers="t2">150</td><td headers="t3">在庫ざいこ無なし</td></tr>
  </tbody>
</table>

インライン要素ようそ

物理ぶつり要素ようそ (fontstyle)

見みた目めを定義ていぎする要素ようそ。スタイルシートで代替だいたいが可能かのう。これらのうち、i、bなどはHTML5以降いこう、新あらたに意味いみづけがなされており^[10]、単たんなる見みた目めを定義ていぎする要素ようそではなくなっている。

i: 文字もじを斜体しゃたい (italic) にする。（例れい：html）
b: 文字もじを太字ふとじ (bold) にする。（例れい：html）
u: 文字もじに下線かせん (underline) を引ひく。（例れい：html）; HTML 4.01 でCSSで代用だいよう可能かのうで非ひ推奨すいしょうとなった; HTML5 で復活ふっかつし、意味いみが「注釈ちゅうしゃく自体じたいは明示めいじ的てきに表現ひょうげんされているものの、その注釈ちゅうしゃく内容ないようが具体ぐたい的てきに明記めいきされていないもの。」と再さい定義ていぎされた。
s
~~strike~~: 文字もじに中央ちゅうおう線せん (strike-through) を引ひく。（例れい：~~html~~, ~~html~~）CSSで代用だいよう可能かのうで非ひ推奨すいしょう; strikeはHTML5で廃止はいしされた。sあるいはdelで代替だいたい。
~~big~~: 文字もじを大おおきく(large)する。（例れい：html）; HTML5で廃止はいしされた。
small: 文字もじを小ちいさく(small)する。（例れい：html）

論理ろんり要素ようそ (phrase)

論理ろんり的てきな意味いみを表現ひょうげんする要素ようそ。

em: 強調きょうちょう (Indicates emphasis) する。（例れい：html）
strong: 強つよく強調きょうちょう (Indicates stronger emphasis) する。（例れい：html）
dfn: 定義ていぎされた用語ようご (defining) を示しめす。
code: プログラムなどのソースコード (computer code) を示しめす。
samp: プログラムなどによる出力しゅつりょくのサンプル (sample output from programs, scripts, etc.) を示しめす。
kbd: ユーザが入力にゅうりょくする文字もじ (text to be entered by the user) を示しめす。; アプリケーションのチュートリアルなどでユーザが自由じゆうに入力にゅうりょくできる箇所かしょであることを示しめす際さいなどに用もちいる。
var: プログラムなどに用もちいる変数へんすう (variable or program argument) を示しめす。
cite: 出典しゅってん (citation or a reference) を示しめす
abbr: 略語りゃくご (abbreviated form) を示しめす。; title属性ぞくせいに略りゃくさない状態じょうたいの語かたりを明示めいじすることができる。
acronym: 頭字かしらじ語ご (acronym) を示しめす。; abbr要素ようそと同様どうように、title属性ぞくせいに略りゃくさない状態じょうたいの語かたりを明示めいじすることができる。; HTML5より非ひ推奨すいしょうとなっており、代かわりにabbr要素ようそを使用しようすることが推奨すいしょうされている。

特別とくべつな要素ようそ (special)

a: アンカー (anchor) であることを示しめす。href属性ぞくせいにリンク先さきURIを指定していしハイパーリンクを作成さくせいする。; 内容ないようにはリンク先さきの概要がいようを表記ひょうきする。内容ないようだけを見みてリンク先さきが判断はんだんできることが望のぞましく、「ここをクリック」等とうは使つかうべきでないとされる。内容ないようが冗長じょうちょうになる場合ばあいはtitle属性ぞくせいで説明せつめいを付加ふかすることができる。; accesskey属性ぞくせいでショートカットキーを設定せっていすることができ、ユーザビリティの向上こうじょうが期待きたいできる。
audio: →「HTML5オーディオ」も参照さんしょう; 音声おんせい再生さいせい。但ただし、ファイルによっては対応たいおうコーデックを導入どうにゅうしないと再生さいせいが実現じつげんできない場合ばあいがある。詳細しょうさいは上記じょうきの内部ないぶリンクを参照さんしょう。
canvas: →「canvas要素ようそ」も参照さんしょう; 解像度かいぞうどに依存いぞんしたビットマップキャンバスを表示ひょうじ。グラフやゲーム用ようの表示ひょうじ画像がぞうを描画びょうがすることができる。HTML5で導入どうにゅうされた。かつては Internet Explorer 向むけに、Adobe FlashやVMLなどを使つかい、canvas タグを実現じつげんするライブラリがあった。
img: 埋うめ込こみ画像がぞう (Embedded image) であることを示しめす。src属性ぞくせいにURIを指定していし画像がぞうを表示ひょうじさせる。内容ないようは空そらで終了しゅうりょうタグは存在そんざいしない。; alt属性ぞくせいで画像がぞうの説明せつめいを記述きじゅつすることが必要ひつようである。これは画像がぞうに対応たいおうできないユーザーのため。単たんにレイアウト用ようの画像がぞう（スペーサー画像がぞう等ひとし）の場合ばあいにはaltは空そらにする。また「画像がぞうが表示ひょうじできません」や「画像がぞう」と言いった代替だいたいテキストはユーザにとっては有用ゆうようでなく、「犬いぬの写真しゃしん」など簡素かんそな説明せつめいや「飼かい犬いぬのポチが…」など情景じょうけいが把握はあくできる説明せつめいが有用ゆうようである。説明せつめいが長文ちょうぶんになる場合ばあいlongdesc属性ぞくせいにURIを指定していし、説明せつめいの文書ぶんしょを示しめす事こともできる。; 他たのドメインの画像がぞうを指定していすることも可能かのうであるため、著作ちょさく権けんの観点かんてんから問題もんだい視しされることもある（詳細しょうさいは無断むだんリンクの項目こうもくを参照さんしょう）。
video: →「video要素ようそ」も参照さんしょう; 動画どうが再生さいせい。前者ぜんしゃのaudio要素ようそと同様どうよう、ファイルによっては対応たいおうコーデックを導入どうにゅうしないと再生さいせいが実現じつげんできない場合ばあいがある。

: コメントは、文書ぶんしょソースの任意にんいの場所ばしょに追加ついかすることができる。たとえば doctype の前まえにもコメントを記入きにゅうできる。しかし、他たのタグ内ないに入いれることはできない。ただし、doctype の前まえに空白くうはく文字もじ以外いがいの文字もじがあると、Internet Explorer 6 はブラウザの互換ごかんモードでその文書ぶんしょをひらく仕様しようになっている。

コメント内ないの文字もじは、ブラウザによって処理しょり（表示ひょうじ）されないで無視むしされる。コメントは入いれ子こ構造こうぞうできない。

AttributeとProperty

HTML要素ようその振ふる舞まいを取得しゅとく・変更へんこうするにはAttributeを介かいした手法しゅほうとPropertyを介かいした手法しゅほうが存在そんざいする。AttributeとPropertyは互たがいの変更へんこうが反映はんえいされるように定義ていぎされている場合ばあいが多おおいが、必かならずしもそうとは限かぎらない（各かくHTML要素ようその定義ていぎによる）。

定義ていぎ

HTMLの要素ようそ（Elements）はattributesをもつ^[11]^[12]。またElementsはWeb IDL（英語えいご版ばん）で記述きじゅつされるDOM interfaceをもち、その中なかにWeb IDLのattributesをもつ^[13]^[14]。2つのattributesを呼よび分わけるために、前者ぜんしゃのHTML attributesはContent attributes、後者こうしゃのWebIDL attributeはIDL attributesと呼よばれる^[15]。JavaScriptはWeb IDLで書かかれたDOM interfaceを実装じっそうすることでWebページの操作そうさを可能かのうにしており、その際さいIDL attributesはJavaScript object propertiesとして実装じっそうされるため、しばしば俗称ぞくしょうとしてContent attributesはattribute、IDL attributesはpropertyと呼よばれる^[16]。

Table. HTML attributesとWeb IDL attributes
spec	formal name	formal alt. name	informal name
HTML	attributes	Content attributes	attributes
Web IDL	attributes	IDL attributes	properties

歴史れきし的てき理由りゆう・言語げんご的てき制約せいやくなどにより、対応たいおうするattributeとpropertyは必かならずしも名前なまえが一致いっちしない。例たとえばclass attributeはclassName propertyに対応たいおうする。大半たいはんのattribute-propertyは名前なまえが一致いっちしているが一致いっちしているか否ひかに規則きそく性せいはなく、逐一ちくいち仕様しよう書しょを確認かくにんする必要ひつようがある。

リフレクション

このようにHTML要素ようそにはattribute（Content attribute）とproperty（IDL attribute）の2つの側面そくめんがある。あるattributeを変更へんこうしたとき、対応たいおうするpropertyにも変更へんこうが反映はんえいされないとアクセスする方法ほうほうによって得えられる結果けっかに矛盾むじゅんが生しょうじてしまう。それを防ふせぐために、いくつかのpropertyは対応たいおうするattributeを反映はんえい（reflect）する、と定義ていぎされている^[17]。reflectされるか否ひかは要素ようそごとにきまり、統一とういつされたルールはない^[18]。

参考さんこう

脚注きゃくちゅう

[脚注きゃくちゅうの使つかい方かた]

注釈ちゅうしゃく

^ 開始かいしタグ・終了しゅうりょうタグをあわせてHTMLタグ（もしくはタグ）と呼よぶこともあるが仕様しようで定さだめられた表現ひょうげんではない。

出典しゅってん

^ “HTML Standard 12.2 Parsing HTML documents”. WHATWG (2019年ねん10月がつ31日にち). 2019年ねん10月がつ27日にち閲覧えつらん。
^ “WHATWG HTML 標準ひょうじゅん HTML Standard 12.2. HTML 文書ぶんしょの構文こうぶん解析かいせき法ほう”. ウェブ関連かんれん仕様しよう日本語にほんご訳やく (2019年ねん10月がつ25日にち). 2019年ねん10月がつ27日にち閲覧えつらん。
^ “HTML Standard, Developer's Edition 12.1.2.4 Optional tags”. WHATWG (2019年ねん10月がつ31日にち). 2019年ねん11月2日にち閲覧えつらん。
^ “HTML Standard, Developer's Edition 日本語にほんご訳やく 12.1.2.4 任意にんいのタグ”. 2019年ねん11月2日にち閲覧えつらん。
^ “HTML Standard, Developer's Edition 12.1.2 Elements”. WHATWG (2019年ねん10月がつ31日にち). 2019年ねん11月2日にち閲覧えつらん。 “Void elements only have a start tag; end tags must not be specified for void elements.”
^ “HTML Standard, Developer's Edition 日本語にほんご訳やく 12.1.2 要素ようそ”. 2019年ねん11月2日にち閲覧えつらん。 “空そら要素ようそに対たいして終了しゅうりょうタグは指定していしてはならない。”
^ XHTML 1.0 The Extensible HyperText Markup Language HTML C. Compatibility Guidelines
^ “HTML Standard, Developer's Edition 12.1.2.3 Attributes Unquoted attribute value syntax”. WHATWG (2019年ねん10月がつ31日にち). 2019年ねん11月2日にち閲覧えつらん。
^ “HTML Standard, Developer's Edition 日本語にほんご訳やく 12.1.2.3 属性ぞくせい引用いんよう符ふで囲かこまれない属性ぞくせい値ち構文こうぶん”. 2019年ねん11月2日にち閲覧えつらん。
^ “HTML5から意味いみの変かわる要素ようそ　、、、、、<hr>”. HTMLクイックリファレンス. 2021年ねん3月がつ9日にち閲覧えつらん。
^ 3.2.4.1 Attributes
^ Content attributes /n A normative list of attributes that may be specified on the element [1]
^ 2.1.9 Dependencies / Web IDL / The IDL fragments in this specification must be interpreted as required for conforming IDL fragments, as described in Web IDL. [2]
^ A normative definition of a DOM interface that such elements must implement. [3]
^ they are referred to as content attributes for HTML and XML attributes, and IDL attributes for those defined on IDL interfaces. HTML Living Standards
^ The IDL attribute is also known as a JavaScript property. MDN web docs
^ Some IDL attributes are defined to reflect a particular content attribute. [4]
^ Unfortunately, there are no clear rules and the way IDL attributes behave in conjunction with their corresponding content attributes depends on the attribute. [5]

この項目こうもくは、インターネットやウェブに関連かんれんした書かきかけの項目こうもくです。この項目こうもくを加筆かひつ・訂正ていせいなどしてくださる協力きょうりょく者しゃを求もとめています（PJ:コンピュータ/P:コンピュータ）。

[1] 開始かいしタグ・終了しゅうりょうタグをあわせてHTMLタグ（もしくはタグ）と呼よぶこともあるが仕様しようで定さだめられた表現ひょうげんではない。

[2] “HTML Standard 12.2 Parsing HTML documents”. WHATWG (2019年ねん10月がつ31日にち). 2019年ねん10月がつ27日にち閲覧えつらん。

[3] “WHATWG HTML 標準ひょうじゅん HTML Standard 12.2. HTML 文書ぶんしょの構文こうぶん解析かいせき法ほう”. ウェブ関連かんれん仕様しよう日本語にほんご訳やく (2019年ねん10月がつ25日にち). 2019年ねん10月がつ27日にち閲覧えつらん。

[4] “HTML Standard, Developer's Edition 12.1.2.4 Optional tags”. WHATWG (2019年ねん10月がつ31日にち). 2019年ねん11月2日にち閲覧えつらん。

[5] “HTML Standard, Developer's Edition 日本語にほんご訳やく 12.1.2.4 任意にんいのタグ”. 2019年ねん11月2日にち閲覧えつらん。

[6] “HTML Standard, Developer's Edition 12.1.2 Elements”. WHATWG (2019年ねん10月がつ31日にち). 2019年ねん11月2日にち閲覧えつらん。 “Void elements only have a start tag; end tags must not be specified for void elements.”

[7] “HTML Standard, Developer's Edition 日本語にほんご訳やく 12.1.2 要素ようそ”. 2019年ねん11月2日にち閲覧えつらん。 “空そら要素ようそに対たいして終了しゅうりょうタグは指定していしてはならない。”

[8] XHTML 1.0 The Extensible HyperText Markup Language HTML C. Compatibility Guidelines

[9] “HTML Standard, Developer's Edition 12.1.2.3 Attributes Unquoted attribute value syntax”. WHATWG (2019年ねん10月がつ31日にち). 2019年ねん11月2日にち閲覧えつらん。

[10] “HTML Standard, Developer's Edition 日本語にほんご訳やく 12.1.2.3 属性ぞくせい引用いんよう符ふで囲かこまれない属性ぞくせい値ち構文こうぶん”. 2019年ねん11月2日にち閲覧えつらん。

[11] “HTML5から意味いみの変かわる要素ようそ　<b>、<i>、<em>、<strong>、<small>、<hr>”. HTMLクイックリファレンス. 2021年ねん3月がつ9日にち閲覧えつらん。

[12] 3.2.4.1 Attributes

[13] Content attributes /n A normative list of attributes that may be specified on the element [1]

[14] 2.1.9 Dependencies / Web IDL / The IDL fragments in this specification must be interpreted as required for conforming IDL fragments, as described in Web IDL. [2]

[15] A normative definition of a DOM interface that such elements must implement. [3]

[16] they are referred to as content attributes for HTML and XML attributes, and IDL attributes for those defined on IDL interfaces. HTML Living Standards

[17] The IDL attribute is also known as a JavaScript property. MDN web docs

[18] Some IDL attributes are defined to reflect a particular content attribute. [4]

[19] Unfortunately, there are no clear rules and the way IDL attributes behave in conjunction with their corresponding content attributes depends on the attribute. [5]

[注ちゅう 1]

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

[15]

[16]

[17]

[18]