タイトル (見出し) はタグ <h1> ～ <h6> で定義され、<h1> は最大のタグ (最も重要なタグ) を定義し、<h6> は最小のタグ (最も重要度の低いタグ) を定義します。 title タグはタイトルにのみ使用されることに注意してください。タイトルの機能はユーザーが Web ページを素早く閲覧できるようにするため、太字または大きなテキストを作成するためだけに使用しないでください。無差別に使用されることになる。これらのタグは、Web ページのタイトルを定義できます (Word のタイトルと同様)。タイトルを合理的に使用すると、Web ページの階層構造がより明確になります。
ヒント: HTML の見出しは、検索エンジンが Web ページの構造とコンテンツを理解するのに役立ちます。
デフォルトでは、ブラウザは見出しのコンテンツを通常のテキストよりも大きく太いフォントで表示します。<h1> タグを使用して定義された見出しのフォント サイズは最も大きく、<h6> タグを使用して定義された見出しのフォント サイズは最も小さくなります。以下の例:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>HTML タイトルタグのデモ</title></head><body><h1>h1 title</h1><h2>h2 title< /h2><h3>h3 タイトル</h3><h4>h4 タイトル</h4><h5>h5 タイトル</h5><h6>h6 タイトル</h6></body></html>
実行結果を次の図に示します。
1. HTMLタイトル
(1) 見出しは <h1> ～ <h6> タグによって定義されます。
(2) <h1> は最大のタイトルを定義します。 <h6> は最小の見出しを定義します。
2. タイトルは重要です
HTML タイトル タグはタイトルにのみ使用してください。太字または大きなテキストを作成するためだけに見出しを使用しないでください。
検索エンジンはヘッダーを使用して、Web ページの構造とコンテンツのインデックスを作成します。
ユーザーは見出しを使用してページをすばやく移動できるため、見出しを使用して文書の構造を示すことが重要です。
h1 を主見出し (最も重要) として使用し、次に h2 (次に重要)、h3 というように使用します。
3. HTMLの水平線
<hr> タグは、HTML ページに水平線を作成します。
hr 要素を使用してコンテンツを区切ることができます。
<p>これは段落です。 </p><hr><p>これは段落です。 </p><hr><p>これは段落です。 </p>
実行結果を次の図に示します。
4. HTMLコメント
HTML コードにコメントを挿入すると、読みやすさが向上し、コードが理解しやすくなります。ブラウザはコメントを無視し、表示しません。
コメントには次のように書かれています。
<!--これはコメントです--><p>上記のコメントは Web ページには表示されません。 </p>
コメント: 感嘆符 (英語の句読点) は、開始括弧 (左括弧) の直後に置く必要がありますが、終了括弧 (右括弧) の前には置く必要がありません。コメントを合理的に使用すると、将来のコード編集作業に役立ちます。
5. HTML のヒント - ソース コードの表示方法
ウェブページを見て、そのページがどのように作られているかに驚いたことはありますか?
確認したい場合は、右クリックして [ソースの表示] (IE) または [ページのソースの表示] (Firefox) を選択するだけで、他のブラウザでも同じことができます。これにより、ページの HTML コードを含むウィンドウが開きます。