ホームページ >ウェブフロントエンド >htmlチュートリアル >w3schools Web サイトの HTML 要素 HTMLtutorial_html/css_WEB-ITnose

w3schools Web サイトの HTML 要素 HTMLtutorial_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:17:281220ブラウズ

HTML 要素は、開始タグ、終了タグ、および開始タグと終了タグの間のコンテンツによって記述されます:

<tagname>content</tagname>

すべての HTML タグは開始タグで始まり、終了タグで終わります。

<p>My first HTML paragraph.</p>

開始タグ 要素コンテンツ 終了タグ
1cca8070ddae327eeaadf3fa85bde0fe 最初の段落。 94b3e26ee717c64999d7867364b1b4a3
0c6dc11e160d3b678d68754cc175188a

一部の HTML 要素には終了タグがありません。

ネストされた HTML 要素

HTML 要素はネストできます (要素には要素を含めることができます)。

すべての HTML ドキュメントは、ネストされた HTML 要素で構成されます。

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

<!DOCTYPEhtml><html>  <body>    <h1>My First Heading</h1>    <p>My first paragraph.</p>  </body></html>

HTML の例

100db36a723c770d327fc0aef2ce13b1 要素は HTML ドキュメント全体を定義します。

これには、100db36a723c770d327fc0aef2ce13b1 開始タグと 73a6ac4ed44ffec12cee46588e518a5e 終了タグがあります。

この要素には、他の HTML 要素 (6c04bd5ca3fcae76e30b72ad730ca86d 要素) を含めることができます。

<html>  <body>    <h1>My First Heading</h1>    <p>My first paragraph.</p>  </body></html>

6c04bd5ca3fcae76e30b72ad730ca86d 要素はドキュメントの本文を定義します。

これには、6c04bd5ca3fcae76e30b72ad730ca86d 開始タグと 36cc49f0c466276486e50c850b7e4956 終了タグがあります。

この要素には、他の 2 つの HTML 要素 (4a249f0d628e2318394fd9b75b4636b1 と e388a4556c0f65e1904146cc1a846bee) が含まれています。

<body>  <h1>My First Heading</h1>  <p>My first paragraph.</p></body>

4a249f0d628e2318394fd9b75b4636b1 要素はタイトルを定義します。

開始タグ 4a249f0d628e2318394fd9b75b4636b1 と終了タグがあります。

この要素の内容は次のとおりです: 私の最初の見出し。

<h1>My First Heading</h1>

e388a4556c0f65e1904146cc1a846bee 要素は段落を定義します。

これには、e388a4556c0f65e1904146cc1a846bee 開始タグと 94b3e26ee717c64999d7867364b1b4a3 終了タグがあります。

この要素の内容は次のとおりです: 私の最初の段落..

<p>My first paragraph.</p>

終了タグを忘れないでください

終了タグを忘れた場合でも、一部の HTML 要素は引き続き正しく表示されます:

<html>  <body>    <p>This is a paragraph    <p>This is a paragraph  </body></html>

終了タグはオプションであるため、上記の例は次のようになります。すべてのブラウザで正しく動作します。

これは問題ありませんが、終了タグを忘れると、予期しない結果やエラーが発生する可能性があります。

HTML 空要素

コンテンツを含まない HTML 要素は空要素と呼ばれます。

0c6dc11e160d3b678d68754cc175188a は終了タグのない空の要素です (0c6dc11e160d3b678d68754cc175188a タグは改行を定義します)。

空の要素は、開始タグで閉じることができます (例: 076402276aae5dbec7f672f8f4e5cc81)。

HTML5 の空の要素は、上記のように閉じる必要はありません。ただし、より厳密な検証が必要な場合、または XML パーサーを通じて HTML ドキュメントを読み取る必要がある場合は、すべての HTML 要素を閉じる必要があります。

HTML に関するヒント: 小文字のタグ名を使用します

HTML タグは大文字と小文字を区別しません。64e5601d0a941f4972a2954192bdae18 と e388a4556c0f65e1904146cc1a846bee は同じ意味です。

HTML5 標準では、小文字のタグ名の使用は義務付けられていません。ただし、W3C は、HTML4 および XHTML などの厳密なドキュメント タイプでは小文字のタグ名を使用することを推奨しています。

W3School では、すべて小文字のタグ名を使用します。

この記事は、「w3schools」Web サイトで提供されている HTML チュートリアルを翻訳したものです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。