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 バージョンでは強制小文字を使用してください。