最終更新<head>ヘッドタグには、HTML文書のメタデータ(メタタグ)を含めます。このメタデータというのは主にロボット向けの情報でブラウザ検索エンジンのクローラー[1]外部のサイトやサービス(例:TwitterやFacebook)などによって読み取られます。👆<body>には人が読むコンテンツを書き、<head>にはロボット(プログラム)が読む情報を書きます。<head>には直接ブラウザの画面に表示されない情報を書きます。👆<body>タグ内に書かれる内容はブラウザに表示されますが、<head>タグに書かれる内容は基本的にブラウザの画面に直接表示されません(<title>サンプルのHTML</title>が画面に表示されていないのが分かると思います)。<title>はブラウザにより「ページのタイトル」として読み取られ、ブラウザのタブに表示されます。ブックマーク保存するときのタイトルとしても利用されます。<title>は検索エンジンのクローラーにも読み取られ、検索結果にも表示されます。</body></html>👆HTML文書のほとんどは、このような構成になります。<head>は<html>の最初の子要素である必要があります。html>を配置します。HTML<head>に似たHTMLタグに<header>があります。この2つは全く別のものなので混同しないようにしましょう。headタグの書き方の例<head>要素内に書くことのできるタグにはたくさんの種類があります。このページではその全てを紹介しきれませんが、よく登場するタグをかいつまんだサンプルコードを1つ紹介します。/></head>このようにブラウザや検索エンジン、ソーシャルメディアなどのプログラムに情報を与えるものが多く含まれます。bodyに書かれたコンテンツを装飾するCSSの読み込みHTMLを書き換えたりアニメーションをつけたりするJavaScriptファイルの読み込みなども<head>内で行います。