headタグについて

説明

<head> タグは、ページそのものには表示されないが、HTML文書にとって重要な情報をまとめる領域です。
ブラウザや検索エンジンに対して「このページはどんな内容か」「どう表示・処理するか」を伝える役割を持ちます。

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>コーダーの記録</title>
  <meta name="description" content="HTML・CSS・JavaScript・WordPressの実装を記録する技術ブログ">
  <link rel="stylesheet" href="style.css">
</head>

<head> 内に書ける主なタグ一覧

タグ役割
<meta>文字コード・説明文・表示制御
<title>ページタイトル
<link>CSS / アイコン / OGPなどを読み込むときに使用するタグ
<style>CSSを直接記述できるようにするタグ
<script>JavaScriptを読み込むためのタグ