<meta>タグは、HTML文書の<title>,<link>,<style>などでは指定できないメタデータ(ページの説明,文字コード,ページに関連するキーワードなど)を指定するためのタグです。
metaタグは、<head>タグの中に書きます。
終了タグはありません。
属性
metaタグには、charset属性,name属性,http-equiv属性のどれかをつける必要があります。
charset属性
charset属性で、文字コードを指定します(値はutf-8,euc-jpなど)。
charset属性がついているmetaタグは、一つのHTML文書内に一つだけ書くことができます。
文字コードを設定しなかったり、設定が間違えている場合は、文字化けすることもあります。
name属性
name属性で、何のメタデータを指定するかを決め、content属性でメタデータを指定します。
DESCRIPTION
HTML文書の説明を書きます。
ここに書いた説明は、検索順位に大きく影響します。
また、検索結果の画面にも表示されるので、検索エンジンでのCTR(クリック率)にも影響します。
keywords
文書に関連するキーワードを指定します。
2つ以上のキーワードを指定する場合は、カンマで区切ります。
昔は検索順位に影響しているといわれていましたが、現在は影響していません。
robots
検索エンジンのクローラーに対してページへの対応を指定します。
content属性をnoindexにすると、ページをインデックスしなくなります。
nofollowにすると、ページの中のリンクをたどらないようになります。
viewport
ページの表示を指定します。
詳細はこちら
application-name
HTML文書がwebアプリケーションである場合に、そのwebアプリ名を指定します。
値がapplication-nameのname属性は一つの文書の中に一つだけ書くことができます。
author
HTML文書の作者が誰かを指定します。
creatorでも作者を指定することできます。
generator
HTMLを作成するのに使用したアプリを指定します。
主に、アプリを使用して文書を作成したときにアプリがこのタグを挿入します。
http-equiv属性
http-equiv属性で、何のメタデータを指定するかを決め、content属性でメタデータを指定します。
content-type
content属性でMIMEタイプ,charset属性で文字コードを指定します。
HTML文書の場合は、MIMEタイプが「text/html」になります。
content-language
HTML文書の言語を指定します。
例えば、日本語ならjaです。
これは非推奨なので、代わりに<html>タグにlang属性をつけて言語を指定しましょう。
default-type
スタイルシートのURLを指定します。
refresh
リダイレクトや再読込を指定します。
content属性の中に書く数字で、ページを何秒ごとに更新するかを指定します。
他のページにリダイレクトしたい場合は、秒数の後に「; url=リダイレクト先のURL」と書きます。
set-cookie
ブラウザに送信するCookieを指定します。
現在は非推奨になっています。
content属性
name属性やhttp-equiv属性などで指定した種類のデータを設定します。
name属性,http-equiv属性がついているときは、必ず指定します。
グローバル属性
id属性やclass属性などのグローバル属性が使用できます。