HTML ドキュメントでは見出しが重要です。
見出しは、<h1>～<h6>などのタグで定義されます。
<h1> は最大の見出しを定義します。 <h6> は、最小の見出しを定義します。
<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>
注: ブラウザは、タイトルの前後に空白行を自動的に追加します。
注: デフォルトでは、HTML は段落や見出し要素などのブロックレベル要素の前後に空白行を自動的に追加します。
HTML 見出しタグは見出しにのみ使用してください。 太字または大きなテキストを生成するためだけに見出しを使用しないでください。
検索エンジンは見出しを使用して、Web ページの構造とコンテンツのインデックスを作成します。
ユーザーは見出しを使用して Web ページをすばやく閲覧できるため、見出しを使用してドキュメントの構造を表すことが重要です。
h1 をメインの見出し (最も重要) として使用し、次に h2 (2 番目に重要)、h3 の順に使用する必要があります。
<hr /> タグは、HTML ページに水平線を作成します。
hr 要素を使用してコンテンツを区切ることができます。
<p>This is a paragraph</p> <hr /> <p>This is a paragraph</p> <hr /> <p>This is a paragraph</p>
ヒント: 水平線 (<hr> タグ) を使用して記事内のサブセクションを区切るのも 1 つの方法です (ただし、唯一の方法ではありません)。
HTML コードにコメントを挿入できるため、読みやすさが向上し、コードが理解しやすくなります。 ブラウザーはコメントを無視し、表示しません。
コメントは次のように書かれています:
<!-- This is a comment -->
注: 左括弧 (左括弧) の後には感嘆符が必要ですが、右括弧 (右括弧) の前には必要ありません。
ヒント: コメントを適切に使用すると、将来のコード編集に役立ちます。
ウェブページを見て、「すごい！どうしてこうなったの？」と思ったことがあるはずです。
ミステリーを見つけたい場合は、右クリックして [ソース ファイルの表示] (IE) または [ページのソース コードの表示] (Firefox) を選択するだけで、他のブラウザーも同様です。 そうすると、ページの HTML コードを含むウィンドウが開きます。
W3School のタグ リファレンスには、これらのヘッダーとその属性に関する詳細情報が記載されています。
このチュートリアルの次の章では、HTML タグと属性について詳しく学習します。
| タグ | 説明 |
|---|---|
| <html> | は HTML ドキュメントを定義します。 |
| <body> | はドキュメントの本文を定義します。 |
| <h1> to <h6> | HTML タイトルの定義 |
| <hr> | は水平線を定義します。 |
| <!--...--> | はコメントを定義します。 |