HTML文書における見出しは重要です。
見出しは、<h1> ~ <h6> タグで定義します。
<h1>は、最も重要な見出しを定義し、<h6>は最も重要度の低い見出しを定義します。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
注: ブラウザは、自動的に各見出しの前後に或る量の空白(マージン)を追加します。
HTML 見出しは、見出しだけのために使用します。見出しは、テキストを大きくしたり、太字にするために 使用するものではありません。
検索エンジンは、Webページの構造とコンテンツをインデックスするために、見出しを使用します。
ユーザは、見出しでページの概略を理解する可能性がありますので、文書構造を示すために見出しを使用することが重要です。
h1 見出しは、メインの見出しに使用し、h2 見出しが続き、次にそれほど重要でない h3 見出し等々、のように使用する必要があります。
<hr> タグは、HTMLページに横罫線を表示します。
hr 要素は、コンテンツを分割するのに使用することができます:
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
HTML <head> 要素は、HTMLの見出しとは何の関係もありません。
HTML <head> 要素には、メタデータが含まれます。メタデータは表示されません。
HTML <head> 要素は、<html> タグと <body> タグの間に配置します:
<!DOCTYPE html>
<html>
<head>
<title>My First
HTML</title>
<meta charset="UTF-8">
</head>
<body>
.
.
.
メタデータは、データに関したデータを意味します。 HTML メタデータは、HTML 文書に関したデータです。
HTML <title> 要素は、メタデータで、HTML 文書のタイトルを定義します。
title は、文書内には表示されませんが、ブラウザのタブに表示されます。
HTML <meta> 要素も、メタデータです。
これは、HTML 文書に関する文字セットやその他の情報を定義するために使用します。
Web ページを見て、「それは、どのようにしているの?」と驚いたことはありませんか。
これを調べるには、ページを右クリックして「ページのソースを表示」(Chrome)または 「ソースの表示」(IE)、またはその他のブラウザについても同様にして、ページの HTML コードが含まれるウィンドウを開いてください。
Exercise 1 ❯ Exercise 2 ❯ Exercise 3 ❯ Exercise 4 ❯
W3Schools のタグリファレンスには、これらのタグとその属性に関する追加情報が含まれています。
このチュートリアルの次章で、HTMLタグと属性の詳細について学習します。
タグ | 説明 |
---|---|
<html> | HTML文書を定義する |
<body> | 文書の本体を定義する |
<head> | 文書の head 要素を定義する Defines the document's head 要素 |
<h1> to <h6> | HTML 見出しを定義する |
<hr> | 横罫線を定義する |