<head>
<head> は HTML の要素で、文書に関する機械可読な情報（メタデータ）、たとえばタイトル、スクリプト、スタイルシートなどを含みます。一つの HTML 文書では、<head> は一つだけしか存在できません。
メモ: <head> は主に人間が読むためのものではなく、機械処理のための情報を保持するためのものです。人間が読むための情報、例えば最上位の見出しや列挙された著者の場合は、 <header> 要素を参照してください。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 1 | 18 | 1 | |
| DOM API | ||||||
| HTMLHeadElement インターフェイスは、文書の説明的な情報やメタデータを持ちます。このオブジェクトはすべてのプロパティとメソッドを HTMLElement インターフェイスから継承しています。 | 1 | 12 | 1 | 1 | 18 | 1 |
基本構文
HTML
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page Title</title>
<link rel="stylesheet" href="style.css">
</head>ライブデモ
Visible vs non-visible content
Contrast head-only metadata with content that belongs in the body.
プレビュー全画面表示
実務での使いどころ
-
<head> の活用
<head> は HTML の要素で、文書に関する機械可読な情報（メタデータ）、たとえばタイトル、スクリプト、スタイルシートなどを含みます。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。