title要素[HTML5]

<title>…… 文書にタイトルをつける

<title>タグは、文書にタイトルをつける際に使用します。<title>タグで文書のタイトルを指定する場合には、一つの文書に一つだけ、<head>~</head>の中に配置します。一つの文書内で複数の<title>を指定することはできません。

<title>~</title>に指定する文書のタイトルは、検索エンジンの検索結果画面やユーザーの利用するブラウザのブックマーク欄などに表示されるので、文書の内容を表すものを指定する必要があります。

また、title要素はSEO対策としても大変重要な意味を持ちます。検索結果で上位表示させたいキーワードがある場合には、<title>~</title>の中に自然な形でキーワードを配置しておくべきでしょう。

文書のタイトルは、<h1>タグなどで指定する文書の最初の見出しと同じである必要はありません。 文書の最初の見出しは、文書の流れの中で理解されるためです。以下のサンプルでは、タイトルで「告発サイトによる政府や企業への影響」に関する文書であることを示しています。最初の見出し「影響の拡大」は、読者がこの文書が何に関するものであるかを知っていることを前提として付けています。

■HTML4.01からHTML5へのバージョンアップによる変更点

HTML5では、title要素は必須要素ではありません。ほとんどの場合、title要素はhead要素の子要素として必須ですが、より高いレベルのプロトコルでタイトル情報が提供される場合には、title要素を省略することができます。例えば、HTMLが電子メール編集フォーマットとして使用される場合には、電子メールの件名がタイトル情報を提供します。

■html5での使用例

[html]
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>html5文書のサンプル</title>
</head>
<body>
<h1>キーワードを含めた見出し</h1>
<p>ここには文章が入ります。</p>
</body>
</html>
[/html]

参考:http://www.htmq.com/html5/title.shtml

カテゴリー: HTML5, HTMLの基礎知識, ナレッジノート   パーマリンク