HTML

【HTML】のheadタグとは?使い方を解説

HTMLは、ウェブページの構造とコンテンツを定義するためのマークアップ言語です。
HTML文書は、<html>要素で始まり、<head>要素と<body>要素で構成されます。

この記事では、<head>タグについて詳しく解説します。

headタグとは?

<head>タグは、ウェブページの情報や設定、スタイルシートなどのメタデータを定義するために使用されます。

下記に<head>タグ内に記述されるものを紹介します。

タイトルタグ

<head>タグの中で最も一般的に使用される要素は、<title>要素です。

<title>要素は、ウェブページのタイトルを指定します。
ブラウザのタイトルバーに表示されるテキストや、検索エンジンの検索結果ページで表示されるリンクテキストに利用されます。

<head>
  <title>私のウェブページ</title>
</head

メタタグ

<head>タグ内には、ウェブページのメタデータを指定するためのさまざまなメタタグを追加することができます。

メタタグは、ウェブページのキーワード、説明、作成者、キャラクターセットなどの情報を提供します。

<head>
  <meta charset="UTF-8">
  <meta name="description" content="私のウェブページの説明文です。">
</head>

スタイルシートとリンク

<head>タグ内で外部のスタイルシートファイルやJavaScriptファイルを読み込むための<link>要素を使用することができます。

スタイルシートは、ウェブページのスタイルやレイアウトを指定するために使用されます。

<head>
  <link rel="stylesheet" href="styles.css">
  <script src="script.js"></script>
</head>

追加のメタ情報

<head>タグ内には、さまざまな追加のメタ情報を指定するための要素があります。

たとえば、特定のキーワードを検索エンジンに対して提示するための<meta name="keywords">要素や、検索エンジンロボットに対してページのクロールやインデックスの方法を指示するための<meta name="robots">要素などがあります。

<head>
  <meta name="keywords" content="ウェブページ, HTML, チュートリアル">
  <meta name="robots" content="index, follow">
</head>

まとめ

<head>タグは、HTML文書の情報と設定を定義するための重要な要素です。

タイトル、メタデータ、スタイルシート、リンクなどの要素を含めることができます。
これらの要素は、ウェブページのパフォーマンス、検索エンジン最適化、ユーザーエクスペリエンスなどに大きな影響を与えますので覚えておきましょう。

-HTML