HTML要素
HTML要素は、開始タグ、一部のコンテンツ、および終了タグによって定義されます。
HTML要素
HTML要素は、開始タグから終了タグまでのすべてです。
いくつかのHTML要素の例:
Start tag | Element content | End tag |
---|---|---|
<h1> | My First Heading | </h1> |
<p> | My first paragraph. | </p> |
<br> | none | none |
注:一部のHTML要素にはコンテンツがありません(<br>要素など)。これらの要素は空の要素と呼ばれます。空の要素には終了タグがありません!
ネストされたHTML要素
HTML要素はネストできます(これは、要素に他の要素を含めることができることを意味します)。
すべてのHTMLドキュメントは、ネストされたHTML要素で構成されています。
次の例には、4つのHTML要素(、、、<html>
および
)が含まれています。<body>
<h1>
<p>
例
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
例の説明
この<html>
要素はルート要素であり、HTMLドキュメント全体を定義します。
開始タグ<html>
と終了タグがあり</html>
ます。
次に、要素の中に<html>
要素があり<body>
ます:
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
この<body>
要素は、ドキュメントの本文を定義します。
開始タグ<body>
と終了タグがあり</body>
ます。
次に、要素の<body>
中には他に2つの要素があります:
<h1>
と
<p>
:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<h1>
要素は見出しを定義します。
開始タグ<h1>
と終了タグがあり</h1>
ます:
<h1>My First Heading</h1>
<p>
要素は段落を定義します。
開始タグ<p>
と終了タグがあり</p>
ます:
<p>My first paragraph.</p>
終了タグをスキップしないでください
終了タグを忘れた場合でも、一部のHTML要素は正しく表示されます。
例
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
ただし、これに依存しないでください。終了タグを忘れると、予期しない結果やエラーが発生する可能性があります。
空のHTML要素
コンテンツのないHTML要素は空の要素と呼ばれます。
<br>
タグは改行を定義し、終了タグのない空の要素です。
例
<p>This is a <br> paragraph with a line break.</p>
HTMLは大文字と小文字を区別しません
HTMLタグでは、大文字と小文字は区別されません。<P>
は、と同じ意味<p>
です。
HTML標準では小文字のタグは必要ありませんが、W3C ではHTMLで小文字を使用することを推奨しており、 XHTMLなどのより厳密なドキュメントタイプでは小文字を要求しています。
W3Schoolsでは、常に小文字のタグ名を使用しています。
HTMLタグリファレンス
W3Schoolsのタグリファレンスには、これらのタグとその属性に関する追加情報が含まれています。
Tag | Description |
---|---|
<html> | Defines the root of an HTML document |
<body> | Defines the document's body |
<h1> to <h6> | Defines HTML headings |
利用可能なすべてのHTMLタグの完全なリストについては、HTMLタグリファレンスにアクセスしてください。