Caution

お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。

HTMLタグ辞典

<head>

『<head>』要素はHTMLドキュメントのメタ情報を格納するコンテナです。ブラウザのタブに表示されるタイトルや文字コード、CSSファイルの読み込みなど、ページの表示には直接関係しない情報を記述します。

構文

<head>
  <meta charset="UTF-8">
  <title>ページのタイトル</title>
  <base href="https://example.com/">
  <link rel="stylesheet" href="style.css">
</head>

head内で使用するタグ一覧

タグ	概要
<title>	ページのタイトルを指定します。ブラウザのタブや検索結果に表示されます。
<meta>	文字コード・ページの説明・ビューポートなどのメタ情報を指定します。
<link>	外部CSSファイルやfaviconなどの外部リソースを紐付けます。
<style>	HTMLファイル内にCSSを直接記述します。
<script>	JavaScriptを記述または外部ファイルを読み込みます。
<base>	ページ内のすべての相対URLの基準となるURLを指定します。

サンプルコード

<!DOCTYPE html>
<html lang="ja">
<head>
  <!-- 文字コードの指定 -->
  <meta charset="UTF-8">

  <!-- ビューポートの指定（スマートフォン対応） -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- ページの説明 -->
  <meta name="description" content="このページの説明文です。">

  <!-- ページタイトル -->
  <title>サンプルページ | サイト名</title>

  <!-- 外部CSSの読み込み -->
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <p>ページの本体はここに記述します。</p>
</body>
</html>