★備忘録→ > 01DOCTYPE宣言 > 02META情報 > 03SCCの記述 > 04JavaScriptの記述 > 05 > END
02<meta> 要素
《<meta> 要素 》
(1)文字コードの指定(Content-Type)
(2)スタイルシートの指定(Content-Style-Type)
(3)スクリプト言語の指定(Content-Script-Type)
(4)ページのリロード、ジャンプ(Refresh)
(5)ページキャッシュ(Pragma、Cache-Control、Expires)
(6)ページキーワード(keywords)
(7)ページ概要(description)
(8)検索エンジン用(ROBOTS)
(9)レンダリングモード(X-UA-Compatible)
END
《<meta> 要素 》
<meta>要素は、ページの情報(使用する言語や文字コード、概要、キーワード等)を示す要素です。(終了タグがない空要素です。)
<meta>要素は、<head>~</head>の中に記述します。
Content-Type属性で文字コードを指定する際は、<title>要素等で日本語を使用するよりも前に必ず記述して下さい。
XHTMLを宣言した場合の注意点
(1)文字コードの指定(Content-Type)
(2)スタイルシートの指定(Content-Style-Type)
(3)スクリプト言語の指定(Content-Script-Type)
(4)ページのリロード、ジャンプ(Refresh)
(5)ページキャッシュ(Pragma、Cache-Control、Expires)
(6)ページキーワード(keywords)
(7)ページ概要(description)
(8)検索エンジン用(ROBOTS)
(9)レンダリングモード(X-UA-Compatible)
(1)文字コードの指定(Content-Type)
HTML
<meta http-equiv="Content-Type" content="text/html;
charset=Shift_JIS" />
<meta http-equiv="Content-Type" content="text/html;
charset=EUC-JP" />
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html;
charset=iso-2022-jp" />
<meta http-equiv="Content-Type" content="multipart/alternative;
charset=iso-2022-jp" />
<meta http-equiv="Content-Type" content="application/xhtml+xml;
charset=Shift_JIS" />
(2)スタイルシートの指定(Content-Style-Type)
HTML
<meta http-equiv="Content-Style-Type" content="text/css" />
(3)スクリプト言語の指定(Content-Script-Type)
HTML
<meta http-equiv="Content-Script-Type" content="text/javascript" />
(4)ページのリロード、ジャンプ(Refresh)
HTML
<meta http-equiv="Refresh" content="5" />
<meta http-equiv="Refresh" content="5;URL=http://example.com/" />
(5)ページキャッシュ(Pragma、Cache-Control、Expires)
HTML
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Expires" content="Fri, 31 Dec 2010 23:59:59 GMT" />
<meta http-equiv="Expires" content="86400" />
(6)ページキーワード(keywords)
HTML
<meta name="keywords"
content="キーワードは、カンマ( , )で区切って複数指定することができます" />
(7)ページ概要(description)
HTML
<meta name="description" content="ページの概要を記述します" />
検索エンジン用(ROBOTS)
HTML
<meta name="ROBOTS" content="ALL" />
<meta name="ROBOTS" content="INDEX, FOLLOW" />
<meta name="ROBOTS" content="INDEX, NOFOLLOW" />
<meta name="ROBOTS" content="NOINDEX, FOLLOW" />
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW" />
<meta name="ROBOTS" content="NONE" />
(9)レンダリングモード(X-UA-Compatible)
HTML
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="X-UA-Compatible" content="IE=5" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />