HTML タイトル

HTMLドキュメントでは、タイトルは非常に重要です。

HTML タイトル

タイトル(ヘディング)は、<h1> - <h6>などのタグで定義されます。

<h1> 最大のタイトルを定義します。<h6> 最小のタイトルを定義します。

コメントは以下のように書かれます:

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

<!-- This is a comment -->

実際に試してみてくださいブラウザはタイトルの前後には自動的にスペース行を追加します。

実際に試してみてくださいデフォルトでは、HTMLはブロック要素の前後には自動的に追加のスペース行を追加します。例えば、段落やタイトル要素の前後です。

タイトルは非常に重要です

HTMLのヘッディングタグは、タイトルのみに使用してください。タイトルを粗いまたは大きなテキストにするために使用するべきではありません。

検索エンジンはタイトルを使用して、ウェブページの構造と内容をインデックス化します。

ユーザーはタイトルを通じてウェブページを迅速に閲覧できるため、ドキュメントの構造をタイトルで表示することは非常に重要です。

h1は主要な見出し(最も重要なもの)として使用され、その次にh2(次に重要なもの)、さらにh3、その後はその順序で使用されるべきです。

HTML水平線

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

hr要素は、内容を区切るために使用されます。

コメントは以下のように書かれます:

This is a paragraph

<hr />

This is a paragraph

<hr />

This is a paragraph

<!-- This is a comment -->

開始括弧の後(左側の括弧)には、必ず感叹号を続ける必要がありますが、終了括弧の前(右側の括弧)には必要ありません。<p>This is a paragraph</p>

HTML コメント

水平線(<hr>タグ)を使用して、記事の中のセクションを分けるのは一つの方法です(ただし、これだけではありません)。

コメントをHTMLコードに挿入することで、その読みやすさを向上させ、コードをより理解しやすくすることができます。ブラウザはコメントを無視し、表示しません。

コメントは以下のように書かれます:

<!-- This is a comment -->

実際に試してみてくださいコメント:

開始括弧の後(左側の括弧)には、必ず感叹号を続ける必要がありますが、終了括弧の前(右側の括弧)には必要ありません。ヒント:

合理にコメントを使用することで、将来的なコードのエディタリング作業に役立ちます。

HTML ヒント - 源コードの表示方法

特定のウェブページを見て「WOW!どうやってこれを実現したんだ?」と驚いたことはありませんか?

このページからの例

タイトル
HTML ドキュメントにタイトルを表示する方法。
隠されたコメント
HTML ソースコードにコメントを挿入する方法。
水平線
水平線の挿入方法。

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

CodeW3C.com のタグリファレンスマニュアルでは、これらのタイトルおよび属性に関する詳細な情報を提供します。

HTML タグと属性に関するより多くの知識を、このトレーニングの以下の章で学びます。

タグ 説明
<html> HTML ドキュメントの定義。
<body> ドキュメントの主体の定義。
<h1> から <h6> HTML ヘッダの定義。
<hr> 水平線の定義。
<!--...--> 定義コメント。