文書の骨格

`<head>` 文書情報をまとめる

重要度5 / 5

意味

タブ名、文字コード、読み込むCSSなど、本文以外の情報をまとめる場合に使います。画面に見える文章は <body> 側です。よく置くのは <title>、<meta>、<link> です。

コード

HTML

<head>
  <meta charset="utf-8">
  <title>制作費</title>
  <meta name="description" content="コーディング費の目安です。">
  <link rel="stylesheet" href="/css/common.css">
</head>

プレビュー（初期表示）

ブラウザ対応

主要ブラウザの対応状況
ブラウザ	対応
Chrome	1〜
Firefox	1〜
Safari	1〜
Edge	12〜
Chrome Android	18〜
Safari iOS	1〜

出典: MDN Web Docs（`@mdn/browser-compat-data`）