HTML要素
HTMLドキュメントはHTML要素で定義されています.
HTML要素
HTML要素とは、スタートタグからエンドタグまでのすべてのコードを指す.
開始ラベル
要素の内容
終了ラベル
This is a link
注記:開始ラベルはオープンラベル(opening tag)と呼ばれ、終了ラベルはクローズラベル(closing tag)と呼ばれます.
HTML要素の構文 HTML要素ラベル開始 を開始 HTML要素はラベル終了 を終了する.要素の内容は、開始ラベルと終了ラベルとの間の内容 である.一部のHTML要素には空のコンテンツ(empty content) がある.空の要素は、開始ラベルで閉じる(ラベルの終了を開始する) .ほとんどのHTML要素は、属性 を持つことができる.
ヒント:このチュートリアルの次の章で、プロパティに関する詳細を学習します.
ネストされたHTML要素
ほとんどのHTML要素はネストできます(他のHTML要素を含めることができます).
HTMLドキュメントはネストされたHTML要素で構成されています.
HTMLドキュメントの例
上記の例には、3つのHTML要素が含まれています.
HTMLインスタンスの説明
この
要素の内容は、This is my first paragraphです.
要素:
要素は、HTMLドキュメントのボディを定義します.
この要素には、開始ラベルと終了ラベルがあります.
要素の内容は別のHTML要素(p要素)です.
要素:
要素はHTMLドキュメント全体を定義します.
この要素には、開始ラベルと終了ラベル要素の内容は別のHTML要素(body要素)です.
終了ラベルを忘れないで
終了ラベルの使用を忘れても、ほとんどのブラウザではHTMLが正しく表示されます.
上記の例は、ほとんどのブラウザでは問題ありませんが、この方法に依存しないでください.終了ラベルを使用するのを忘れると、予想外の結果やエラーが発生します.
注記:将来のHTMLバージョンでは、終了ラベルを省略することはできません.
空のHTML要素
コンテンツのないHTMLコンテンツは空の要素と呼ばれます.空の要素は開始ラベルで閉じられます.
は、ラベルを閉じていない空の要素です(
ラベル定義改行).
XHTML、XML、および将来のバージョンのHTMLでは、すべての要素を閉じる必要があります.
開始ラベルにスラッシュ(
)を追加することは、空の要素を閉じる正しい方法であり、HTML、XHTML、XMLはこの方法を受け入れます.
はすべてのブラウザで有効であっても、
を使用することはより長期的な保障です.
HTMLヒント:小文字ラベルの使用
HTMLタグは大文字と小文字に敏感ではありません:
HTML要素
HTML要素とは、スタートタグからエンドタグまでのすべてのコードを指す.
開始ラベル
要素の内容
終了ラベル
This is a paragraph
This is a link
注記:開始ラベルはオープンラベル(opening tag)と呼ばれ、終了ラベルはクローズラベル(closing tag)と呼ばれます.
HTML要素の構文
ヒント:このチュートリアルの次の章で、プロパティに関する詳細を学習します.
ネストされたHTML要素
ほとんどのHTML要素はネストできます(他のHTML要素を含めることができます).
HTMLドキュメントはネストされたHTML要素で構成されています.
HTMLドキュメントの例
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
上記の例には、3つのHTML要素が含まれています.
HTMLインスタンスの説明
要素:
<p>This is my first paragraph.</p>
この
要素は、HTMLドキュメントの段落を定義します.
この要素には、開始ラベル
と終了ラベル
があります.要素の内容は、This is my first paragraphです.
要素:
<body>
<p>This is my first paragraph.</p>
</body>
要素は、HTMLドキュメントのボディを定義します.
この要素には、開始ラベルと終了ラベルがあります.
要素の内容は別のHTML要素(p要素)です.
要素:
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
要素はHTMLドキュメント全体を定義します.
この要素には、開始ラベルと終了ラベル要素の内容は別のHTML要素(body要素)です.
終了ラベルを忘れないで
終了ラベルの使用を忘れても、ほとんどのブラウザではHTMLが正しく表示されます.
<p>This is a paragraph
<p>This is a paragraph
上記の例は、ほとんどのブラウザでは問題ありませんが、この方法に依存しないでください.終了ラベルを使用するのを忘れると、予想外の結果やエラーが発生します.
注記:将来のHTMLバージョンでは、終了ラベルを省略することはできません.
空のHTML要素
コンテンツのないHTMLコンテンツは空の要素と呼ばれます.空の要素は開始ラベルで閉じられます.
は、ラベルを閉じていない空の要素です(
ラベル定義改行).
XHTML、XML、および将来のバージョンのHTMLでは、すべての要素を閉じる必要があります.
開始ラベルにスラッシュ(
)を追加することは、空の要素を閉じる正しい方法であり、HTML、XHTML、XMLはこの方法を受け入れます.
はすべてのブラウザで有効であっても、
を使用することはより長期的な保障です.
HTMLヒント:小文字ラベルの使用
HTMLタグは大文字と小文字に敏感ではありません:
は
に等しいです.多くのサイトでは大文字のHTMLタグが使用されています.
W 3 Schoolは小文字ラベルを使用しています.万維網連盟(W 3 C)はHTML 4で小文字を推奨し、将来(X)HTMLバージョンで小文字を強制的に使用するためです.