HTML 要素
HTML要素は通常、開始 タグと 終了 タグで構成され、その間にコンテンツが挿入されます。
HTML 要素 は開始タグから終了タグまでのすべてです
開始タグ | 要素 内容 | 終了タグ |
---|---|---|
<h1> | My First Heading | </h1> |
<p> | My first paragraph. | </p> |
<br> |
内容のないHTML要素は空要素と呼ばれます。空の要素には、
要素(改行を示す)などの終了タグはありません。
入れ子になったHTML要素
HTML要素は入れ子にすることができます(要素は要素を含むことができます)。
すべてのHTML文書はネストされたHTML要素で構成されています。
この例には4つのHTML要素が含まれています。
例文
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
例の説明
この <html>
要素は 文書全体を定義します。
開始 タグ <html> と 終了 タグ </html>
<html> 要素の中に <body>
があります。
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
この <body>
要素は ドキュメントの本文を定義します。
下の例は 開始タグ <body> と 終了 タグ </body>要素の中には、他に2つのHTMLが
<h1>
と<p>
で<body> を構成しています
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
この<h1>
要素は見出しを定義します。
It has a 開始 タグ<h1>と終了 タグ </h1>.
内容は次のとおりです。内容 最初の見出し
<h1>My First Heading</h1>
The <p>
element defines a paragraph.
It has a 開始 tag <p> and an
終了 tag </p>.
The element content is: My first paragraph.
<p>My first paragraph.</p>
終了タグを忘れないでください
終了タグを忘れた場合でも、一部のHTML要素は正しく表示されます。:
例文
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
省略しても表示されるため、上記の例はすべてのブラウザで機能します。
決してこれに頼らないでください。終了タグを忘れると、予期しない結果やエラーが発生する可能性があります。
空のHTML要素
内容のないHTML要素は空要素と呼ばれます。
<br>
終了タグを含まない空の要素です( <br>
タグは改行を定義します)。
例文
<p>This is a <br> paragraph with a line break.</p>
空の要素は、開始タグ内で次のように “閉じる” ことができます: <br />.
HTML5では、空の要素を閉じる必要はありません。しかし、より厳密な検証が必要な場合、またはドキュメントをXMLパーサーで読み取り可能にする必要がある場合は、
すべてのHTML要素を正しく閉じる必要があります。
HTMLでは大文字と小文字が区別されません
HTMLタグでは大文字と小文字が区別されません。 <P> は <p>と同じ意味です。
小文字を
推奨し、、XHTMLのようなより厳密な文書タイプには小文字を 要求 します。
私は常に小文字のタグを使います。