English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTMLドキュメントはHTML要素で定義されます。
HTML要素とは、開始タグ(start tag)から終了タグ(end tag)までのすべてのコードを指します。
開始タグ * | 要素内容 | 終了タグ * |
<p> | これはウェブページのパラグラフです | </p> |
<a href="index.html"> | これは超リンクです | </a> |
<br> | 改行タグ |
*開始タグはよく「開始タグ(opening tag)」と呼ばれ、終了タグはよく「閉じタグ(closing tag)」と呼ばれます。
HTML要素は開始タグで始まります
HTML要素は終了タグで終わります
要素の内容は開始タグと終了タグの間の内容です
一部のHTML要素には空の内容(empty content)があります
空要素は開始タグで閉じられます(開始タグの終わりで終わります)
ほとんどのHTML要素には属性を持つことができます
注:属性に関する詳細は、次の章で学びます。
多くのHTML要素はネスト可能(他のHTML要素を含むことができます)。
HTMLドキュメントはHTML要素で構成されています。
<!DOCTYPE html> <html> <body> <p>これは最初の段落。</p> </body> </html>
上記の例には3つのHTML要素が含まれています。
<p>要素:
<p>これは最初の段落。</p>
この<p>要素はHTMLドキュメントの中の1つの段落を定義します。 この要素は開始タグ<p>と終了タグ</p>を持ちます。/p>. 要素の内容は: これは最初の段落です。
<body>要素:
<body> <p>これは最初の段落。</p> </body>
<body>要素はHTMLドキュメントの主体を定義します。 この要素は開始タグ<body>と終了タグ</body>を持ちます。/body>。 要素の内容は別のHTML要素(p要素)です。
<html>要素:
<html> <body> <p>これは最初の段落。</p> </body> </html>
<html>要素は全体のHTMLドキュメントを定義します。 この要素は開始タグ<html>と終了タグ</html>を持ちます。/html>. 要素の内容は別のHTML要素(body要素)です。
終了タグを使用しなくても、ほとんどのブラウザでは正しくHTMLを表示します:
<p>これは段落です
<p>これは段落です
上記の例はブラウザでも正常に表示されますが、終了タグはオプションです。
しかし、この方法に依存しないでください。終了タグを忘れると予期せぬ結果やエラーが発生する可能性があります。
内容を持たないHTML要素は空要素と呼ばれます。空要素は開始タグで閉じられます。
<br>は閉じられたタグのない空要素です(<br>タグは改行を定義しています)。
XHTML、XMLおよび将来のHTMLのバージョンでは、すべての要素が閉じられる必要があります。
開始タグにスラッシュを追加するときは、例えば <br />は空要素を閉じる正しい方法であり、HTML、XHTML、XMLのすべてがこの方法を受け入れます。
>はすべてのブラウザで有効ですが、<br />の互換性が良く、<br />改行タグ。
HTMLタグは大文字と小文字を区別しません:<P>は<p>と同じです。多くのウェブサイトでは大文字のHTMLタグを使用しています。
基本のチュートリアルでは小文字のタグを使用しています。なぜなら、ワールド・ワイド・ウェブ・コンソーシアム(W3C)HTML 4 推奨されるのは小文字を使用し、将来の(X)HTMLバージョンでは小文字の使用が強制されます。
ウェブページを作成する際には、一貫して小文字のタグを使用することをお勧めします。