HTML 要素

HTML 文書は HTML 要素で定義されています。

HTML 要素

HTML 要素は開始タグ(start tag)から終了タグ(end tag)までのすべてのコードを指します。

開始タグ 要素内容 終了タグ
<p> これは段落です </p>
<a href="default.htm" > これはリンクです </a>
<br />

注記:開始タグは通常オープンタグ(opening tag)と呼ばれ、終了タグは通常クローズタグ(closing tag)と呼ばれます。

HTML 要素の構文

  • HTML 要素は開始タグ始まり
  • HTML 要素は終了タグ終了
  • 要素の内容は開始タグと終了タグの間の内容です
  • 一部の HTML 要素には空内容(empty content)
  • 空要素開始タグで閉じます(開始タグの終わりで閉じます)
  • ほとんどの HTML 要素は持つことができます属性

ヒント:次の章で属性についてもっと学びます。

ネストされた HTML 要素

ほとんどの HTML 要素はネスト可能です(他の HTML 要素を含むことができます)。

HTML 文書はネストされた HTML 要素で構成されています。

HTML 文書の例

<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>

上の例には 3 つの HTML 要素が含まれています。

HTML 実例の説明

<p> 要素:

<p>This is my first paragraph.</p>

この <p> 要素は HTML 文書の中の1つの段落を定義します。

この要素には、開始タグ <p> と終了タグ </p> があります。

要素内容は:This is my first paragraph。

<body> 要素:

<body>
<p>This is my first paragraph.</p>
</body>

<body> 要素は HTML 文書の主体を定義します。

この要素には、開始タグ <body> と終了タグ </body> があります。

要素内容は別の HTML 要素(p 要素)です。

<html> 元素:

<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>

<html> 要素は全体の HTML ドキュメントを定義します。

この要素は開始タグ <html> と終了タグ </html> を持ちます。

要素内容は別の HTML 要素(body 要素)です。

終了タグを忘れないようにしてください

終了タグを使用しなくても、ほとんどのブラウザでは正しく表示されます:

<p>This is a paragraph
<p>This is a paragraph

上記の例はほとんどのブラウザで問題ありませんが、この方法に依存しないようにしてください。終了タグを使用しないことを忘れると、予期せぬ結果やエラーが発生する可能性があります。

注記:将来の HTML 版本では、終了タグを省略することは許可されません。

空の HTML 要素

内容を持たない HTML 要素は空要素と呼ばれます。空要素は開始タグで閉じられます。

<br> は閉じられたタグのない空要素です(<br> タグは改行を定義します)。

XHTML、XML そして将来の HTML 版本では、すべての要素が閉じられる必要があります。

開始タグにスラッシュを追加する(例:<br />)は、空要素を閉じる正しい方法で、HTML、XHTML、XML すべてがこの方法を認めます。

例えば <br> はすべてのブラウザで有効ですが、<br /> を使用することはより長期的な保護となります。

HTML チュートリアル:小文字のタグを使用してください

HTML タグは大文字小文字を区別しません:<P> は <p> と同じです。多くのウェブサイトでは大文字の HTML タグを使用しています。

CodeW3C.com では小文字のタグを使用しています。なぜなら、万継網標準化機構(W3C)が HTML 4 で推奨小文字を使用し、将来的な (X)HTML バージョンでは強制小文字を使用してください。