“title”要素:文書のタイトル｜HTML－havin' a coffee break

＃

要素について

カテゴリー	メタデータ・コンテンツ
利用場所	“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でも定義されています。

定義されている仕様書


<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;

 
}