HTML 見出し


HTML文書では、見出しは重要です。


HTML見出し

見出し(Heading)は <h1> - <h6> タグで定義されます。

<h1> 最大の見出しを定義します。 <h6> は最小の見出しを定義します。

例

<h1>これは見出しです。</h1> <h2>これは見出しです。</h2> <h3>これは見出しです。</h3>

試してみる »

注:ブラウザは見出しの前後に自動的に空行を追加します。


見出しは重要です

HTML見出しタグは見出しにのみ使用してください。単に生成するためだけではなく太字或大きなテキストのために見出しを使用しないでください。

検索エンジンは、見出しを使用してWebページの構造とコンテンツにインデックスを付けます。

ユーザーは見出しでWebページをすばやく閲覧できるため、見出しでドキュメント構造を提示することが重要です。

h1 をメイン見出し(最も重要)として使用し、その後に h2(次に重要)、その次に h3 というように使用します。


HTML水平線

<hr> タグはHTMLページに水平線を作成します。

hr 要素はコンテンツを区切るために使用できます。

例

<p>これは段落です。</p> <hr> <p>これは段落です。</p> <hr> <p>これは段落です。</p>

試してみる »


HTMLコメント

コメントはHTMLコードに挿入できます。これにより可読性が向上し、コードが理解しやすくなります。ブラウザはコメントを無視し、表示もしません。

コメントの書き方は次のとおりです:

例

<!--これはコメントです-->

試してみる »

注:開始ブラケットの後(左側のブラケット)には感嘆符を続ける必要があります!(英文の句読点)は、終了ブラケット(右のブラケット)の前には必要ありません。コメントを適切に使用すると、将来のコード編集作業に役立ちます。


HTMLのヒント - ソースコードを表示する方法

あなたはいくつかのWebページを見て、それがどのように実装されているのかと驚いたことはありませんか。

その秘密を見つけたいなら、右クリックして「ソースの表示」(IE)または「ページのソースを表示」(Firefox)を選択するだけです。他のブラウザでも同様です。これにより、ページのHTMLコードを含むウィンドウが開きます。


Examples

当サイトの例

見出し
HTML文書に見出しを表示する方法。

非表示コメント
HTMLソースコードにコメントを挿入する方法。

水平線
水平線を挿入する方法。


HTMLタグリファレンスマニュアル

初心者向けチュートリアルのタグリファレンスマニュアルには、これらの見出しとその属性に関する詳細情報が記載されています。

このチュートリアルの後続の章で、HTMLタグと属性について詳しく学びます。

タグ 説明
<html> HTML文書を定義する
<body> 文書の本体を定義する
<h1> - <h6> HTML見出しを定義する
<hr> 水平線を定義する
<!--...--> コメントを定義する
その他の拡張