このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

title”要素:文書のタイトル

記事Apr. 12th,2015
July 7th,2020
文書のタイトルを表す要素
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

要素について

カテゴリー メタデータ・コンテンツ
利用場所 head”要素の子要素として(ただし、“title”要素を複数配置することはできない)
内容 要素間の空白文字ではないテキスト
タグの省略 不可

title”要素は文書のタイトルを表す要素です。

title”要素の内容はブラウザのタイトルバーやブックマークに登録した時の名前、検索エンジンの検索結果などに使用されます。

title”要素はhead”要素の子要素として一つだけ配置します。文書がiframe”要素srcdoc”属性に記述された文書である場合、もしくはより高いレベルのプロトコルでタイトルが指定されている場合(HTMLメールなど)を除いて“title”要素は省略できません。

ウェブページの内容を適切に表したタイトルは、検索結果でユーザーが訪れるウェブサイトを選択する際に参考にする他、検索エンジンが検索結果に表示する順番を決定する際の判断材料の一つでもあるためSEOの観点から重要視されます。

サンプルコード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="icon" href="image/favicon.ico">
<meta name="robots" content="index, follow">
<meta name="keywords" content="バナナ,栄養素,産地">
<meta name="description" content="黄色くて栄養満点な果物であるバナナについて解説します。">
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" media="all">
<title>黄色いフルーツバナナ - 果物を食べる</title>
</head>
<body>
...

属性と値

属性
属性 説明 説明
必須属性
なし
任意属性
グローバル属性

仕様書

title”要素はHTML2.0から定義されている要素です。現行の仕様であるHTML Living Standardでも定義されています。

定義されている仕様書
HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
<title>
定義あり

定義あり

定義あり

定義あり

定義あり
DOMインターフェース
[Exposed=Window]
interface HTMLTitleElement : HTMLElement {
[HTMLConstructor] constructor();

[CEReactions] attribute DOMString text;
};
UAスタイルシート
@namespace url(http://www.w3.org/1999/xhtml);

title {
display: none;
}
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク