HTML head

HTML文書の<head>要素は、ページのメタ情報や外部リソースの指定など、ブラウザに表示されるコンテンツ以外の要素を含みます。

<head>要素は、ページのタイトル、スタイルシート、JavaScriptファイル、キーワード、ページの説明(メタタグ)、文字コードの指定などを含みます。

タイトルタグ

<title>タグは、ウェブページのタイトルを定義します。ブラウザのタブやブックマークに表示されるテキストです。

<title>ページのタイトル</title>

メタタグ

メタタグは<meta>要素を使って、ページのキーワードや説明、文字コードなどの情報を指定します。

<meta charset="UTF-8">
<meta name="description" content="このページの説明文">
<meta name="keywords" content="キーワード1, キーワード2, キーワード3">

外部スタイルシートのリンク

外部スタイルシートを使用する場合、<link>要素を<head>内に追加し、CSSファイルのパスを指定します。

<link rel="stylesheet" href="styles/main.css">

JavaScriptファイルのリンク

JavaScriptファイルを使用する場合、<script>要素を使って<head>内に追加し、スクリプトのパスを指定します。

<script src="scripts/main.js"></script>

<head>要素はHTML文書の先頭に配置され、ブラウザによって最初に解析されます。そのため、ページの構造を定義する<body>要素よりも前に配置されることが一般的です。

これらの要素を適切に使用することで、ウェブページの見た目や動作を細かく制御し、SEO(検索エンジン最適化)やパフォーマンスの向上にも寄与することができます。