HTML入門 | HTMLの開始 | HTML要素構造

HTML要素構造

HTML要素は複数の属性を持つことができ、これらの属性はその要素に関する追加情報である。
また、HTML要素は開始タグで始まり、終了タグで終わる。

韓国語
HTML Element

英語
HTML Element

文法

<タグ名 属性名="属性値">内容</タグ名>

要素(Element)

HTMLで開始タグと終了タグからなるすべての命令を意味する。

タグ(Tag)

タグは要素の一部であり、開始タグと終了タグの2種類がある。
開始タグは要素を開始し、終了タグは要素を終わらせる機能を持つ。 一部のタグには終了タグがないものもある。

要素とタグの概念は明確に区別されず混用されることが多い。HTMLではあえて要素という言葉を使わなくてもよいが、CSSやJavaScriptでは要素という言葉が非常に重要な用語になる。

属性(Attribute)

要素の開始タグ内で使用されるもので、より具体化された命令体系を意味する。
属性はHTML要素の中でも常に開始タグ内でのみ定義され、属性名と属性値で表現される。

属性名は常に小文字で書こう。

HTML5標準では、属性名の大文字小文字を区別していない。
しかしW3Cでは、属性名を使用するときはできるだけ小文字で書くことを推奨している。
また、XHTMLでは属性名をより厳格に小文字だけで使用しなければならない。

属性値は常に引用符で囲もう。

HTML5標準では、属性値に引用符を使用することを強制していない。 しかし属性値を引用符で囲まないと、次のような予期しないエラーが発生することがある。

<img src="noimage.jpg" alt="이미지가 없습니다">
<img src="noimage.jpg" alt=이미지가 없습니다>

コード実行

上の例のように属性値に空白が入ると、前の空白までしか認識されず、属性値が正しく適用されない場合がある。そのため、正確な値を保存するには必ず引用符を使用する必要がある。

属性値を囲むときは通常二重引用符、"、が使用されるが、単一引用符、'、も使用できる。

<img>タグのalt属性は、画像を読み込めない状況で画像の代わりに表示される文字列を設定できる。