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

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

WBOY
リリース: 2016-06-24 11:17:28
オリジナル
1223 人が閲覧しました

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

<tagname>content</tagname>
ログイン後にコピー

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

<p>My first HTML paragraph.</p>
ログイン後にコピー

開始タグ 要素コンテンツ 終了タグ

私の最初の見出し < ;/ h1>

最初の段落。


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

ネストされた HTML 要素

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

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

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

<!DOCTYPEhtml><html>  <body>    <h1>My First Heading</h1>    <p>My first paragraph.</p>  </body></html>
ログイン後にコピー

HTML の例

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

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

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

<html>  <body>    <h1>My First Heading</h1>    <p>My first paragraph.</p>  </body></html>
ログイン後にコピー

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

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

この要素には、他の 2 つの HTML 要素 (

) が含まれています。

<body>  <h1>My First Heading</h1>  <p>My first paragraph.</p></body>
ログイン後にコピー

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

開始タグ

と終了タグがあります。

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

<h1>My First Heading</h1>
ログイン後にコピー

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

これには、

開始タグと

終了タグがあります。

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

<p>My first paragraph.</p>
ログイン後にコピー

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

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

<html>  <body>    <p>This is a paragraph    <p>This is a paragraph  </body></html>
ログイン後にコピー

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

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

HTML 空要素

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


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

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

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

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

HTML タグは大文字と小文字を区別しません。

は同じ意味です。

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

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

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート