年明けの勉強会の予習というかメモ書き。
クロコラボ #20 headタグの中を考えてみよう
少しずつ書き足していきます。

文書メタデータ（ヘッダー）要素
文書レベルメタデータ要素
Qiita:色々あるHTMLのmetaタグなど一覧

JavaScriptはhead内で読み込みたい
結論としてはhead内で良さそう。

Document metadata – HTML 5.2
W3C Recommendation, 14 December 2017

headタグの短い例

headタグの長い例

文書レベルメタデータ要素

エンコーディングを宣言する

要素は 要素の内部かつ
HTML の始めから 1024 バイト以内に配置しなければなりません。
これは、ページの文字集合を選択するまでに始めの部分しか確認しないブラウザーがあるためです。

Document.title – タイトル

What’s in the head? Metadata in HTML

https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML

タイトル

<title>Page title</title>

Document’s character encoding

<meta charset="utf-8">

charsetをISO-8859-1に変えて文字化けを確認してみる。

Adding an author and description

<meta name="author" content="name here...">
<meta name="description" content="description here...">

Googleで MDN Web Docs を検索してみる。
descriptionの内容やtitleが検索結果に利用されていることを確認。