ホームページ  >  記事  >  ウェブフロントエンド  >  HTML要素の詳細な紹介

HTML要素の詳細な紹介

高洛峰
高洛峰オリジナル
2017-03-22 14:36:461372ブラウズ

HTML ドキュメントは HTML 要素によって定義されます。


HTML 要素

開始タグ * 要素の内容 終了タグ*

これは一段落です

ここにリンクがあります

*開始タグは開始タグと呼ばれることが多く、終了タグは終了タグと呼ばれることがよくあります。


HTML要素の構文

  • HTML 要素は 開始タグで始まります


  • HTML 要素は 終了タグで終了します


  • 要素の内容は、開始タグと終了タグの間の内容です


  • 一部の HTML 要素には空のコンテンツ


  • が含まれています 空の要素 は開始タグ で閉じられます (開始タグの終わりで終わります)


  • ほとんどの HTML 要素は 属性を持つことができます

注意事項:このチュートリアルの次の章でプロパティについて詳しく学びます。


ネストされた HTML 要素

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


HTMLドキュメントの例





これは最初の段落です。




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


HTML サンプル分析

要素:

これは最初の段落です。

要素は HTML ドキュメント内の段落を定義します。
この要素には開始タグ

と終了タグ

があります。 要素の内容は次のとおりです: これは私の最初の段落です。

要素:

これは最初の段落です。



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

この要素には開始タグ と終了タグ があります。
要素のコンテンツは別の HTML 要素 (p 要素) です。

要素:




これは最初の段落です。




要素は HTML ドキュメント全体を定義します。
この要素には開始タグ と終了タグ があります。 要素のコンテンツは、別の HTML 要素 (body 要素) です。


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

終了タグの使用を忘れた場合でも、ほとんどのブラウザでは HTML が正しく表示されます:

これは段落です

これは段落です

タグを閉じることはオプションであるため、上記の例はブラウザーでも問題なく表示されます。

ただし、このアプローチに依存しないでください。終了タグの使用を忘れると、予期しない結果やエラーが発生する可能性があります。


HTML の空の要素

コンテンツのない HTML 要素は空要素と呼ばれます。空の要素は開始タグで閉じられます。


は終了タグのない空の要素です (
タグ定義はラップされます)。

XHTML、

XML、および HTML の将来のバージョンでは、すべての要素を閉じる必要があります。


などの開始タグにスラッシュを追加することは、空の要素を閉じる正しい方法であり、HTML、XHTML、および XML で受け入れられます。


はすべてのブラウザで動作しますが、長期的には
を使用する方が安全です。


HTML のヒント: 小文字のタグを使用してください

HTML タグでは大文字と小文字が区別されません。

と同等です。多くの Web サイトでは大文字の HTML タグが使用されています。 World Wide Web Consortium (W3C) が HTML 4 で小文字の使用を

推奨しており、将来の (X)HTML バージョンでは小文字の使用が

必須

となるため、W3CSchool は小文字のタグを使用します。 もっと見る

-->

以上がHTML要素の詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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