最新のWeb開発のチュートリアル

HTML要素


HTML ドキュメントは、HTML 要素によって構成されています。

HTMLの構文では、ほとんどの要素は、間にコンテンツに、開始タグと終了タグで書かれています。 HTMLタグは山括弧で囲まれ、要素の名前で構成されています。 終了タグは、開始タグと区別するために、開き角括弧の後にスラッシュを有しています。


HTML要素

HTML要素は、間にコンテンツに、 終了タグで、 開始タグと書かれています。

<tagname>content</tagname>

HTML 要素は、開始タグから終了タグまでのすべてです。

<p>私の最初のHTML段落。 </p>
開始タグ 要素の内容 終了タグ
<h1> 私の最初の見出し </h1>
<p> 私の最初の段落。 </p>
<br> 

いくつかのHTML要素には終了タグがありません。


ネストされたHTML要素

HTML要素を入れ子にすることができます(elements can contain elements)

すべてのHTML文書は、ネストされたHTML要素で構成されています。

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

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>
»それを自分で試してみてください

HTMLの例を説明しました

<html>要素は、 文書全体を定義します。

これは、 開始タグがある<html>終了タグ </html>

要素の内容は 、別のHTML要素である(the <body> element)

<html>
<body>

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

</body>
</html>

<body>要素は、 文書本体を定義します。

これは、 開始タグがある<body>終了タグ </body>

元素の含有量は、二つの他のHTML要素である( <h1> and <p> )

<body>

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

</body>

<h1>要素には、 見出しを定義します。

これは、 開始タグがある<h1>終了タグ </h1>

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

<h1>My First Heading</h1>

<p>要素は、 段落を定義します。

これは、 開始タグがある<p>終了タグ </p>

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

<p>My first paragraph.</p>

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

いくつかのHTML要素を使用すると、終了タグを忘れてしまった場合でも、正しく表示されます:

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>
»それを自分で試してみてください

終了タグが省略可能と考えられているので、上記の例では、すべてのブラウザで動作します。

これに頼ることはありません。 あなたは終了タグを忘れてしまった場合、それは予期しない結果および/またはエラーが発生する可能性があります。


空のHTML要素

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

<br>終了タグなしの空の要素である(the <br> tag defines a line break)

空の要素があることができ"closed"このような開始タグ内: <br />

HTML5は閉じられるように、空の要素を必要としません。 あなたはより厳密な検証をしたい、またはあなたがXMLパーサによって文書が読みやすくするために必要がある場合しかし、あなたはすべてのHTML要素を閉じる必要があります。


HTMLのヒント:使用小文字のタグ

HTMLタグは大文字と小文字を区別しません: <P>同じ意味<p>

HTML5の標準は小文字のタグを必要としませんが、W3Cがrecommends HTML4で小文字を、とdemands XHTMLのような厳格なドキュメントタイプのために小文字を。

w3iiで、我々は常に小文字のタグを使用します。