files/ja/web/html/element/head/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131

---
title: '<head>: 文書メタデータ (ヘッダー) 要素'
slug: Web/HTML/Element/head
tags:
  - Element
  - HTML
  - HTML 文書メタデータ
  - 'HTML:メタデータコンテンツ'
  - Reference
  - Web
  - ウェブ
  - 要素
translation_of: Web/HTML/Element/head
---
<div>{{HTMLRef}}</div>

<p><span class="seoSummary"><strong>HTML の <code>&lt;head&gt;</code> 要素</strong>は、文書に関する機械可読な情報 ({{glossary("metadata", "メタデータ")}})、たとえば<a href="/ja/docs/Web/HTML/Element/title">題名</a>、<a href="/ja/docs/Web/HTML/Element/script">スクリプト</a>、<a href="/ja/docs/Web/HTML/Element/style">スタイルシート</a>などを含みます。</span></p>

<div class="blockIndicator note">
<p><strong>メモ:</strong> <code>&lt;head&gt;</code> は機械処理のための情報を保持するためのものであり、人間が読むためのものではありません。人間が読むための情報、例えば最上位のヘッダーや著者のリストのためのものは、 {{HTMLElement("header")}} 要素を参照してください。</p>
</div>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリ</a></th>
   <td>なし</td>
  </tr>
  <tr>
   <th scope="row">許可されている内容</th>
   <td>
    <p>文書が {{HTMLElement("iframe")}} の {{htmlattrxref("srcdoc", "iframe")}} 文書である場合、または題名情報がより上位のプロトコル (HTML メールの件名の行など) で使用される場合は、0個以上のメタデータコンテンツ。</p>

    <p>他の場合は正確に1つの {{HTMLElement("title")}} 要素を含む、1個以上のメタデータコンテンツ。</p>
   </td>
  </tr>
  <tr>
   <th scope="row">タグの省略</th>
   <td><code>&lt;head&gt;</code> 要素内で最初に存在するものが要素である場合、開始タグを省略可能。<br>
    <code>&lt;head&gt;</code> 要素に続く最初のものが空白文字やコメントでない場合、終了タグが省略可能。</td>
  </tr>
  <tr>
   <th scope="row">許可されている親要素</th>
   <td>{{HTMLElement("html")}} 要素の最初の子要素として配置可能。</td>
  </tr>
  <tr>
   <th scope="row">許可されている ARIA ロール</th>
   <td>なし</td>
  </tr>
  <tr>
   <th scope="row">DOM インターフェイス</th>
   <td>{{domxref("HTMLHeadElement")}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Attributes" name="Attributes">属性</h2>

<p>この要素には<a href="/ja/docs/HTML/Global_attributes">グローバル属性</a>があります。</p>

<dl>
 <dt>{{htmlattrdef("profile")}} {{obsolete_inline}}</dt>
 <dd>1つ以上のメタデータプロファイルの {{glossary("URI")}} で、{{Glossary("whitespace", "ホワイトスペース")}}区切りです。</dd>
</dl>

<h2 id="Example" name="Example">例</h2>

<pre class="brush: html">&lt;!doctype html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Document title&lt;/title&gt;
  &lt;/head&gt;
&lt;/html&gt;
</pre>

<h2 id="Notes" name="Notes">メモ</h2>

<p>HTML5 互換のブラウザーでは、タグが省略されていても <code>&lt;head&gt;</code> 要素を自動的に生成します。<a href="https://www.stevesouders.com/blog/2010/05/12/autohead-my-first-browserscope-user-test/">この自動生成は、過去のブラウザーでは保証されていません</a>。</p>

<h2 id="Specifications" name="Specifications">仕様書</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">仕様書</th>
   <th scope="col">状態</th>
   <th scope="col">備考</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-head-element', '&lt;head&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>最新のスナップショットから変更なし</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'document-metadata.html#the-head-element', '&lt;head&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td><code>profile</code> を廃止</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.4.1', '&lt;head&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>

<p class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</p>

<p>{{Compat("html.elements.head")}}</p>

<h2 id="See_also" name="See_also">関連情報</h2>

<ul>
 <li><code>&lt;head&gt;</code> の中で使用することができる要素:

  <ul>
   <li>{{HTMLElement("title")}}</li>
   <li>{{HTMLElement("base")}}</li>
   <li>{{HTMLElement("link")}}</li>
   <li>{{HTMLElement("style")}}</li>
   <li>{{HTMLElement("meta")}}</li>
   <li>{{HTMLElement("script")}}</li>
   <li>{{HTMLElement("noscript")}}</li>
   <li>{{HTMLElement("template")}}</li>
  </ul>
 </li>
</ul>