- 必須:
</code>, <code><meta name="viewport"></code></li><li><strong>SEO 重要</strong>: <code>title</code> / <code>meta description</code> / <code>canonical</code> / OGP</li><li><strong>外部リソース</strong>: <code><link rel="stylesheet"></code>, <code><script src></code>, ファビコン</li><li><strong>charset は <head> の先頭付近</strong>（最初の 1024 バイト以内）に置く</li><li>モバイル必須: <code><meta name="viewport" content="width=device-width, initial-scale=1"></code></li></ul></td></tr></table>
<h2>head 要素の役割</h2>
<p><code><head></code> は HTML 文書の<strong>メタ情報</strong>を記述する領域です。<strong>画面には表示されない</strong>が、ブラウザ・検索エンジン・SNS シェア・OS（PWA）などが読んで動作する重要な部分です。</p>
<pre style="background:#1e293b;color:#e2e8f0;padding:1em;border-radius:6px;overflow-x:auto;line-height:1.5"><code class="language-html"><!DOCTYPE html>
<html lang="ja">
<head>
<!-- ★ 文字エンコーディング (最初に書く) -->
<meta charset="UTF-8">
<!-- ★ モバイル対応 viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- ★ ページタイトル -->
<title>サンプルページ | サイト名
|
