[132] 本項では文書の題名を表す title 要素について紹介します。

`title` 要素

[96] title 要素の内容には、文書の題を入れます。すべての HTML 文書で title 要素は必須です。

[87] 仕様書:

HTML 2.0: RFC 1866
- 5.2.1. Title: TITLE
HTML 4
- IW:HTML4:"struct/global.html#edef-TITLE"

[92]

名前空間名

http://www.w3.org/1999/xhtml

局所名

title

開始タグ

必須

終了タグ

必須

内容模型

(#PCDATA)*

出現できる文脈

head の子要素として丁度1個

属性

`dir`			書字方向	[HTML4], [XHTML1]
`i18n-content`			Chrome
`lang`	言語札	(継承)	自然言語	[HTML4], [XHTML1]
`xml:lang`	言語札	(継承)	自然言語	[XHTML1]

内容

構文

[93] この要素の内容は PCDATA として定義されていますが、文字参照は使用してもよい一方で注釈宣言は禁止されています HTML 4。 (適合 SGML応用でこんなのありですか?)

[90] 内容模型を HTML-CDATA として扱う実装が古くから多々あります。たとえば <title>HTML の <b> と <i> について</title> の内容は文字列 HTML の <b> と <i> についてと扱われたりします。

[89] RCDATA として扱う実装もありますね。

題名の付け方

[95] 著者は、文書の内容を識別するのに title 要素を使うべきです。利用者が文脈外から参照することもありますから、文脈がはっきりする題を使うべきです HTML 2.0, HTML 4。例えば、紹介ではなくHTML 4 の紹介とするべきです。

[88] >>16 のように title 要素の内容は種々の場面に利用されるのですが、古くは、ウィンドウ・システムの制限で title bar に日本語文字が表示できないとか、栞の名前の既定値として使われるけどその部分の font が欧文用で日本語文字が表示できないとか、不都合が色々と出る環境がありました (今でもあるのか?)。

そのために、本文は仮名や漢字で書いても title だけは羅馬字で書いたり英語で書いたりする人が少なくありませんでしたし、そうするべきだと積極的に主張する人もいました (メイルの Subject は英語論 (欧米人でも最低題名で内容が想像くらいはつくように英語にしろという主張。) とも絡んでいたのかも)。

[91] 昔 text/html な本体部分を含んだ電子メイルを送る (プログラムを書く) 必要がありまして、その時に必須の title 要素は邪魔だなあと思いました。上位プロトコルに Subject 欄があるのに。 body を根要素にすればよかったかも。ただし、それを text/html としてもよいのかという問題 (text/sgml?) と、そもそも subject と title が同じものかという問題がありますが。

[40] 環境によっては題名に十分な長さが取れないので、 64文字未満に抑えるべきであるとされていた時代もありました。 HTML 2.0

[66] title要素に含めるサイト名は前置か後置か (2007-01-08 16:21:48 +09:00 版) http://su.que.jp/eskizy/index.cgi?title%cd%d7%c1%c7%a4%cb%b4%de%a4%e1%a4%eb%a5%b5%a5%a4%a5%c8%cc%be%a4%cf%c1%b0%c3%d6%a4%ab%b8%e5%c3%d6%a4%ab (名無しさん)

応用

[85] access可能性のために、 UA は title 要素の情報を利用者に提供しなければなりません。たとえ枠の中の文書としてレンダリングされる場合であってもです。 HTML 4]

[16] title 要素の主たる利用例:

WWWブラウザ窓の題 (の一部または全部) として使用 HTML 2.0, NN, IE
WWW ブラウザの上部または下部または右端または左端に表示 NCSA Mosaic
文書を局所ファイル・システムに保存する時のファイル名の既定値として使用 WinIE
文書の情報を表示する時に一情報として表示 NN, WinIE
栞の札の既定値として使用 NN, WinIE
(後から読んだ) 他の文書からの参照があるときに、その始点アンカーの tooltip などとして利用者に提供
HTML 文書群から自動的に目次を生成するときに項目名として使用 Apache
履歴の項目名として表示 HTML 2.0, NN, WinIE

[50] Windows では伝統的に窓の題名は 応用名 - ファイル名や応用名 - [ファイル名] (MDI の場合。) としてきました。最初 WWWブラウザもこの慣習に従って応用名 - 題名などとしてきましたが、 WinIE 3 (たしか。) や Netscape Communicator 4 の頃題名 - 応用名とするようになりました。その後 WWWブラウザ以外でもこの方法を採るプログラムが増えています。

[150] wakaba/perl-www-titlecompactor: WWW::TitleCompactor Perl modules, 2023-04-17T12:59:56.000Z https://github.com/wakaba/perl-www-titlecompactor

歴史

[86] title 要素型は、 HTML の一番最初から存在する要素型のうちの1つです。

[216]

HTML要素概説

要素名: title
日付: 1990-12-07
説明: 1990-12-07付の HTML ファイルで title が使われている。
出典: HTML 1991

[151] HTML の SGML 的構造が整う以前には、 HTML 文書の最初には題名を書いて title タグで囲むものである程度に捉えられていました。後に文章本体として表示されるわけではない title 要素は他の nextid 要素などと共に head 要素に入れることとされました。

以後、 title は HTML の必須の要素として現在に続いています。

[39] 内容として値を記述するのに本文として表示されない唯一の要素として古来特殊な存在であったため、内容の扱いにかかわる >>17- のような特別な事情が残っています。

メモ

[41] HTML 4 DTD の注釈 (参考) には The TITLE element is not considered part of the flow of text. It should be displayed, for example as the page header or window title. Exactly one title is required per document. とあります。 (名無しさん [sage])

[56] 極端に長いページタイトルに起因する起動時の一時的な不応答について http://www.mozilla-japan.org/security/history-title.html (名無しさん 2005-12-13 10:33:36 +00:00)

[68] Bug 118704 – document.title != getElementsByTagName('title')[0].text (2007-02-10 13:45:40 +09:00 版) https://bugzilla.mozilla.org/show_bug.cgi?id=118704 (名無しさん)

[71] titleを表示 - 徒書 (北村曉 (KITAMURA Akatsuki) 著, 2006-12-12 10:40:26 +09:00 版) http://www.akatsukinishisu.net/itazuragaki/id/display_title (名無しさん)

[73] hxxk.jp - title 要素に文字参照は使用できるのか ? (真琴著, 2007-04-05 00:52:48 +09:00 版) http://hxxk.jp/2006/01/25/2301 (名無しさん)

[76] HDMI :: Manufacturer (2007-07-22 14:04:40 +09:00 版) http://www.hdmi.org/manufacturer/index.aspx

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title="HDMI" />
<meta http-equiv="cache-control" content="no-cache" /><meta name="keywords" content="HDMI, HDTV, HDMI connectors, HDMI adopters, High Definition Multimedia Interface" /><link href="../include/style.css" rel="stylesheet" type="text/css" /><title>
	HDMI :: Manufacturer
</title></head>

なにがしたかったのだろう?

(名無しさん)

[77] 見出しと木構造:メモランダム (2007-07-16 02:55:31 +09:00 版) http://mynotes.jp/blog/2007/07/headings_and_tree_structure (名無しさん)

[78] HTML 4.01において、以下のような見出し要素の使い方は適切と言えるでしょうか。 <h1>Operaの導入とカスタマイズ</h1> <h2>Movable Typeのプラグインについて</h2> <h3>は.. - 人力検索はてな (2007-07-28 13:01:55 +09:00 版) http://q.hatena.ne.jp/1184497584 (名無しさん)

[79] 見出し要素に関する議論をはてなにポストした:メモランダム (2007-07-17 14:54:43 +09:00 版) http://mynotes.jp/blog/2007/07/post_discussion_about_heading_element (名無しさん)

[80] h1要素が一つしかない場合:メモランダム (2007-07-20 09:34:22 +09:00 版) http://mynotes.jp/blog/2007/07/when_h1_is_the_only_one (名無しさん)

[81] 見出し要素について今さら:メモランダム (2007-08-18 16:40:50 +09:00 版) http://mynotes.jp/blog/2007/08/post_14 (名無しさん)

[82] ここにタイトルをいれてください - Google 検索 (2007-10-06 19:21:36 +09:00 版) IW:Google:"ここにタイトルをいれてください"

ここにタイトルをいれてくださいの検索結果約 1,550 件中 1 - 10 件目 (0.15 秒)

(名無しさん 2007-10-06 10:26:52 +00:00)

[83] >>82 title 属性の例もあるみたいですね。。。 (名無しさん)

[84] 見出し要素について今さら:メモランダム (2007-08-25 16:26:38 +09:00 版) http://mynotes.jp/blog/2007/08/post_14 (名無しさん)

`atom:title` 要素 (Atom 1.0)

[105] atom:title 要素は、フィードやエントリーの人間可読な題名を表します RFC 4287 4.2.14.。

[26]

状態: IETF 提案標準
要素名: title (「題名title」より)
文脈: atom:feed の子要素として、 atom:entry の子要素として、 app:workspace の子要素として、 app:collection の子要素として
内容モデル: Text construct
属性: type

仕様書

[35] RFC 4287 - The Atom Syndication Format
- http://tools.ietf.org/html/rfc4287#section-4.1.1
- http://tools.ietf.org/html/rfc4287#section-4.1.2
- http://tools.ietf.org/html/rfc4287#section-4.2.14
[25] RFC 5023 - The Atom Publishing Protocol
- http://tools.ietf.org/html/rfc5023#section-8.3.2.1
- http://tools.ietf.org/html/rfc5023#section-8.3.3.2

意味

[24] AtomPub atom:workspace 要素の子要素としての atom:title 要素は、作業空間の人間可読な題名を表します AtomPub。

[28] AtomPub atom:collection 要素の子要素としての atom:title 要素は、集成の人間可読な題名を表します AtomPub。

文脈

[36] atom:feed 要素は丁度1つ atom:title 要素を含まなければなりません Atom 1.0 4.1.1.。

[38] atom:entry 要素は丁度1つ atom:title 要素を含まなければなりません Atom 1.0 4.1.2.。

[27] app:workspace 要素は丁度1つ atom:title 要素を含まなければなりません AtomPub。

[29] app:collection 要素は丁度1つ atom:title 要素を含まなければなりません AtomPub。

[37] atom:entry 要素には空でない atom:title 要素を含めた方が経験的に有用でよいとされています Atom 1.0 4.1.1.1.。

内容

[106] この要素は Text construct です RFC 4287 4.2.14.。

`title` 要素 (RSS2)

[1] RSS の title チャンネル要素は、チャンネルの名前を示します RSS 2.0。また、 item 要素の子要素の title 要素は、項目の題名を表します。 image 要素の子要素の title 要素は、画像を説明するものです。 textInput 要素の子要素の title 要素は、テキスト入力欄の提出ボタンの名札を表します RSS 2.0。

要素名: title (title (題名) より)
文脈: チャンネル要素が認められる場所 (必須)、 item 要素の子要素として、image 要素の子要素として、 textInput 要素の子要素として
内容モデル: 文字データ
属性

仕様書:

RSS 2.0 Specification (version 2.0.10)
- http://www.rssboard.org/rss-specification#requiredChannelElements
- http://www.rssboard.org/rss-specification#hrelementsOfLtitemgt
- http://www.rssboard.org/rss-specification#ltimagegtSubelementOfLtchannelgt
- http://www.rssboard.org/rss-specification#lttextinputgtSubelementOfLtchannelgt
RSS Best Practices Profile
- http://www.rssboard.org/rss-profile#data-types-characterdata
- http://www.rssboard.org/rss-profile#element-channel-title
- http://www.rssboard.org/rss-profile#element-channel-image-title
- http://www.rssboard.org/rss-profile#element-channel-textinput-title
- http://www.rssboard.org/rss-profile#element-channel-item-title

内容

[3] RSS ファイルと同じ情報を含んだ Webサイトがある場合、その題名とチャンネルの題名 (title) は一致するべきです RSS 2.0, RSS Best Practices Profile。

[9] 内容は平文として解釈されます。 (歴史的に HTML として解釈する実装や HTML として解釈されることを期待したフィードもありますが、 RSS Best Practices Profile に従えばそれらは誤りです。) 詳しくは文字データの項を参照してください。

[17] image 要素の子要素の場合、チャンネルの title 要素と同じテキストであるべきです RSS Best Practices Profile。

[18] image 要素の子要素の場合、 HTML レンダリングにおいて img の alt 属性値として使うのに適当な値であるべきです RSS Best Practices Profile。

[19] textInput 要素の子要素の場合も文字データだと思うのですが、明記されていません。

文脈

[4] title 要素は channel 要素の子供として使うことができます。この要素は必須です RSS 2.0。

[5] title 要素は item 要素の子供としても使うことができます。 item 要素は title 要素と description 要素の少なくてもいずれかはなければなりません。

[7] title 要素は image 要素の子供として使うことができます。この要素は必須です RSS 2.0。

[8] title 要素は textInput 要素の子供として使うことができます。この要素は必須です RSS 2.0。

例

[2]

<title>GoUpstate.com News Headlines</title>

RSS 2.0 仕様書より、改

[6]

<title>Venice Film Festival Tries to Quit Sinking</title>

RSS 2.0 仕様書より、改

[10]

<title>AT&#x26;T</title>

RSS Best Practices Profile より

[11]

<title>Bill &#x26; Ted's Excellent Adventure</title>

RSS Best Practices Profile より

[12]

<title>The &#x26;amp; entity</title>

RSS Best Practices Profile より

[13]

<title>I &#x3C;3 Phil Ringnalda</title>

RSS Best Practices Profile より

[14]

<title>A &#x3C; B</title>

RSS Best Practices Profile より

[15]

<title>A&#x3C;B</title>

RSS Best Practices Profile より

[94]

<title>Nice &#x3C;gorilla&#x3E; what's he weigh?</title>

RSS Best Practices Profile より

`title` 要素 (RSS1)

[107] RSS 1.0 の channel 要素の子要素の title 要素は、チャンネルの説明的題名descriptive titleを表します >>108。

[115] RSS 1.0 の image 要素の子要素の title 要素は、チャンネルの画像が HTML としてレンダリングされる際の代替文 (alt) を表します >>113。

[120] RSS 1.0 の item 要素の子要素の title 要素は、項目の題名を表します >>119。

[123] RSS 1.0 の textinput 要素の子要素の title 要素は、textinput 欄の題名を表します >>122。

[112]

要素名: title (「題名title」より)
文脈: channel 要素、 image 要素の子供として (>>109)
内容モデル: 文字列 (>>110)
属性: なし

仕様書

[114] RDF Site Summary (RSS) 1.0 (2008-06-10 05:47:42 +09:00 版)
- [108] channel http://web.resource.org/rss/1.0/spec#s5.3.1
- [113] image http://web.resource.org/rss/1.0/spec#s5.4.1
- [119] item http://web.resource.org/rss/1.0/spec#s5.5.1
- [122] textinput http://web.resource.org/rss/1.0/spec#s5.6.1

文脈

[109] channel 要素の子要素としてちょうど1個だけ使えます >>108 5.3。

[116] image 要素の子要素としてちょうど1個だけ使えます >>113 5.4。

[121] item 要素の子要素としてちょうど1個だけ使えます >>119 5.5。

[152] textinput 要素の子要素としてちょうど1個だけ使えます >>122 5.6。

内容

[110] この要素の内容は PCDATA です。 item 要素では100文字以下、それ以外では 40文字以下とするのがよいと提案suggestedされています。 >>108, >>113, >>119, >>122

[111] channel 要素、 item 要素においては実装によっては HTML として取り扱うものがありますが、 RSS 1.0 本体仕様で HTML を使えると明示的にも暗示的にも触れている箇所はなく、平文と解釈するべきだと考えられます。

[117] image 要素においてはわざわざ「alt 属性」に相当すると書かれている以上、平文と考えて間違いないでしょう。

例

[124] >>122 をもとに作成

<textinput rdf:about="...">
  ...
  <title>Subscribe</title>
</textinput>

[125] >>122 をもとに作成

<textinput rdf:about="...">
  <title>Search</title>
  ...
</textinput>

メモ

[118] image 要素では title 属性ではなく alt 属性に相当するのですね。

`document.title`

[97] Document インターフェイスの title 属性 (document.title) は、文書の題名を表します。

[98] document.title の取得器は、次のようにしなければなりません >>127。

[46] 要素を、文脈オブジェクトの根要素が SVG svg 要素ならその最初の SVG title 子要素、それ以外なら文脈オブジェクトの文書title要素に設定します。
[47] テキストを、要素が null なら空文字列に、それ以外なら要素の子供テキスト内容に設定します。
[48] テキストの先頭と末尾の間隔文字を除去し、それ以外の連続する間隔文字を1つにまとめます。
[49] テキストを返します。

[51]

HTML Standard はなぜか svg 要素が根要素で、子供に title 要素が含まれない場合の扱いを規定していません。

[44] 文書title要素the title elementは、文書中の最初の title 要素 (木順) か、それがなければ null です >>43。

[136] document.title の設定器は、次のようにしなければなりません >>127。

[142] 値を、与えられた値を文字列として解釈した結果に設定します。
[52] 文脈オブジェクトの根要素が SVG svg 要素なら、
1. [53] 文脈オブジェクトの根要素の子供群に SVG title 要素があれば、
  1. [54] 要素を、文脈オブジェクトの根要素の最初の SVG title 子要素に設定します。
2. [55] それ以外なら、
  1. [57] 要素を、新しい SVG title 要素に設定します。
  2. [58] 文脈オブジェクトの根要素に要素を最初の子供として挿入します。
[59] それ以外で、文脈オブジェクトの根要素がHTML要素なら、
1. [60] 文脈オブジェクトの文書title要素が null なら、
  1. [61] 文脈オブジェクトの文書head要素が null なら、
    1. [62] ここで停止します。
  2. [63] それ以外なら、
    1. [64] 要素を、新しい title 要素に設定します。
    2. [67] 文脈オブジェクトの文書head要素に要素を append します。
2. [69] それ以外なら、
  1. [70] 要素を、文脈オブジェクトの文書title要素に設定します。
[72] それ以外なら、
1. [74] ここで停止します。
[75] 要素の textContent を、値に設定します。

[137] 取得対象と設定対象の title 要素の条件が微妙に違っています。

歴史

[134] はじめ document.title は HTMLDocument インターフェイスに定義されていましたが、 Document インターフェイスとの統合に伴い、 Document インターフェイスの属性となりました。

[128] Scalable Vector Graphics (SVG) 2 (2013-01-11 23:40:44 +09:00 版) https://svgwg.org/svg2-draft/single-page.html#struct-__svg__SVGDocument__title
[133] Web Applications 1.0 r8559 Define document.title in an SVG context since apparently that's gone out of SVG now. (2014-04-02 03:58:00 +09:00 版) http://html5.org/tools/web-apps-tracker?from=8558&to=8559

[135] >>133 で SVGDocument にあった定義も統合されました。

実装

[65] Hixie's Natural Log: The DOM0 Legacy: document.title http://ln.hixie.ch/?start=1161121410&count=1 (名無しさん 2006-10-17 22:44:44 +00:00)

[146] Chrome は U+0008 も間隔文字として除去するようです。 2017-03-18T03:11:47.400Z

利用例

[99] Gmail では、 Gtalk によりメッセージを受信した際、その旨を通知するメッセージと本来の文書の題名を交互に表示することで Webブラウザーのタイトル・バー等による通知を実現しています。

歴史

HTML 以外

[148] DTB

`title` 要素 (XFrames)

[126] XFrames (2010-12-17 00:45:08 +09:00 版) http://www.w3.org/TR/2010/NOTE-xframes-20101216/#s_title-element

`TITTLE` 要素 (DjVu XML)

[273] DjVu XML には HTML の title 要素から派生した TITLE 要素がありました。

HTML

[129] Web Applications 1.0 r8404 Update document.title to work like textContent (also defines how things work with mutation observers) ( (2014-01-17 07:52:00 +09:00 版)) http://html5.org/tools/web-apps-tracker?from=8403&to=8404

[130] [whatwg] Document.title for SVG documents ( (2014-04-02 04:58:45 +09:00 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2014-April/084609.html

[131] IRC logs: freenode / #whatwg / 20140401 ( (2014-04-02 23:03:41 +09:00 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20140401#l-713

[138] Citation Style Language 1.0.1 ( (2014-10-01 11:57:04 +09:00 版)) http://citationstyles.org/downloads/specification.html#info

[139] Citation Style Language 1.0.1 ( (2014-10-01 11:57:04 +09:00 版)) http://citationstyles.org/downloads/specification.html#info

[140] Citation Style Language 1.0.1 ( (2014-10-01 11:57:04 +09:00 版)) http://citationstyles.org/downloads/specification.html#info

[141] Citation Style Language 1.0.1 ( (2014-10-01 11:57:04 +09:00 版)) http://citationstyles.org/downloads/specification.html#info

[45] Refactor child Text nodes to a new concept · whatwg/html@0dd609f (2016-03-10 21:06:55 +09:00 版) https://github.com/whatwg/html/commit/0dd609fddc08dab337d24da874c787e51e851efc

[143] Editorial: synchronize with the DOM Standard · whatwg/html@21c6ec7 (2016-03-20 18:00:39 +09:00 版) https://github.com/whatwg/html/commit/21c6ec77594eb89b836d4872222f5916910967fd

[144] Add MathML and SVG to dependencies and cross-reference their elements · whatwg/html@c35ad72 (2016-03-24 15:31:59 +09:00 版) https://github.com/whatwg/html/commit/c35ad7267634f640e8e22b615893b78d6252998e

[145] Formalize custom element reactions · whatwg/html@27aa7bc (2016-04-26 18:51:16 +09:00 版) https://github.com/whatwg/html/commit/27aa7bc4fa6f168654a8c858f0773e611f679b39

[147] Stop using textContent in normative text (annevk著, 2019-04-04 17:23:13 +09:00) https://github.com/whatwg/html/commit/ec860d872de3712277242655562a4d2a1325592a

仕様書

title 要素

内容

構文

題名の付け方

応用

歴史

メモ

atom:title 要素 (Atom 1.0)

仕様書

意味

文脈

内容

title 要素 (RSS2)

内容

文脈

例

atom:title 要素 (Atom 0.3)

文脈

内容

title 要素 (RSS1)

仕様書

文脈

内容

例

メモ

title 要素 (OPML)

文脈

document.title

歴史

実装

利用例

広告を表す題名

例

関連

関連

歴史

HTML 以外

title 要素 (XFrames)

TITTLE 要素 (DjVu XML)

HTML

`title` 要素

`atom:title` 要素 (Atom 1.0)

`title` 要素 (RSS2)

`atom:title` 要素 (Atom 0.3)

`title` 要素 (RSS1)

`title` 要素 (OPML)

`document.title`

`title` 要素 (XFrames)

`TITTLE` 要素 (DjVu XML)