HTML ドキュメントは、HTML 要素によって構成されています。
HTMLの構文では、ほとんどの要素は、間にコンテンツに、開始タグと終了タグで書かれています。 HTMLタグは山括弧で囲まれ、要素の名前で構成されています。 終了タグは、開始タグと区別するために、開き角括弧の後にスラッシュを有しています。
HTML要素
HTML要素は、間にコンテンツに、 終了タグで、 開始タグと書かれています。
HTML 要素は、開始タグから終了タグまでのすべてです。
開始タグ | 要素の内容 | 終了タグ |
---|---|---|
<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要素
コンテンツのない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で、我々は常に小文字のタグを使用します。