HTML要素


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

開始タグ*要素の内容終了タグ*
<p>これは段落です</p>
<a href ="default.htm">これはリンクです</a>
<br>改行

*開始タグは開始タグ、終了タグは終了タグと呼ばれることが多いです。

HTML要素の構文

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

HTML要素は終了タグで終わります

要素の内容は開始タグの間の内容ですおよび終了タグ

一部の HTML 要素には空のコンテンツがあります

空の要素は開始タグで閉じられます (開始タグの終わりで終了します)

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

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

ネストされた HTML 要素

<pほとんどの html="" 要素はネストできます (他の ="" 要素を含めることができます)。

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

HTML ドキュメントの例 

<!DOCTYPE html>
<html>
<body>
    <p>这是第一个段落。</p>
</body>
</html>
上記の例には 3 つの HTML 要素が含まれています。

HTML の分析例

<p> 要素:

<p>这是第一个段落。</p>
この <p> 要素は、HTML ドキュメント内の段落を定義します。

この要素には開始タグ <p> と終了タグ </p> があります。
要素の内容: これは最初の段落です。


<body> 要素:

<body>
<p>这是第一个段落。</p>
</body>
body> ; 要素は HTML ドキュメントの本文を定義します。

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


<html> 要素: 

<html>
<body>
<p>这是第一个段落。</p>
</body>
</html>
<html> 要素は HTML ドキュメント全体を定義します。

この要素には開始タグ <html> と終了タグ </html> があります。
要素の内容は別の HTML 要素 (body 要素) です。

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

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

<p>这是一个段落
<p>这是一个段落
上記の例は、ブラウザの場合、終了タグはオプションなので。

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

HTMLの空要素

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

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

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

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

<br> はすべてのブラウザで有効ですが、実際には <br /> を使用すると長期保証になります。

HTML ヒント: 小文字のタグを使用します H

HTML タグは大文字と小文字を区別しません。<P> は <p> と同等です。多くの Web サイトでは大文字の HTML タグが使用されています。

W3CSchool は小文字のタグを使用します。これは、World Wide Web Consortium (W3C) が HTML 4 で小文字を推奨しており、将来の (X)HTML バージョンでは小文字を必須にする予定であるためです。

←
→