Widely available すべての主要ブラウザで対応済み。安心して使用可能。

概要

<head> 要素は文書のメタデータ(タイトル、スタイルシート、スクリプトなど)を格納するコンテナです。

対応ブラウザ

デスクトップ

Chrome 1+
Edge 12+
Safari 1+
Firefox 1+

モバイル

Chrome Android 18+
Safari iOS 1+
Firefox Android 4+

基本構文

HTML
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ページタイトル</title>
  <link rel="stylesheet" href="style.css">
</head>

実務での使いどころ

  • <head> の活用

    文書のメタデータを格納するコンテナ要素。タイトル、スタイル、スクリプトなどを含む。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。