例
HTMLドキュメント内のメタデータを記述します:
<head>
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>
»それを自分で試してみてください 定義と使用法
メタデータは、データに関するデータ(情報)です。
<meta>タグは、HTMLドキュメントに関するメタデータを提供します。 メタデータは、ページ上には表示されませんが、マシンの構文解析可能になります。
メタ要素は、典型的には、ページ記述、キーワード、文書の作成者、最終更新、およびその他のメタデータを指定するために使用されます。
メタデータは、ブラウザ(コンテンツを表示するか、ページをリロードする方法)、検索エンジン(キーワード)、または他のWebサービスで使用することができます。
ブラウザのサポート
素子 | |||||
---|---|---|---|---|---|
<meta> | はい | はい | はい | はい | はい |
ヒントと注意事項
注: <meta>タグは常に内側に行く<head>要素。
注意:メタデータは、必ず名前/値ペアとして渡されます。
注: content名前場合、または属性を定義する必要がありhttp-equiv属性が定義されています。これらのいずれも定義されていない場合は、 contentの属性を定義することはできません。
HTML 4.01とHTML5の違い
scheme属性はHTML5でサポートされていません。
HTML5は、簡単に文字セットを定義することを可能にする新しい属性、文字セットを、持っています:
- HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- HTML5: <meta charset="UTF-8">
HTMLとXHTMLの違い
HTMLで<meta>タグには終了タグがありません。
XHTMLで<meta>タグが正しく閉じられなければなりません。
例
例1 -検索エンジンのキーワードを定義します。
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
例2 -あなたのWebページの記述を定義します。
<meta name="description" content="Free Web tutorials on HTML and CSS">
例3 -ページの作成者を定義します。
<meta name="author" content="Hege Refsnes">
例4 -更新文書ごとに30秒:
<meta http-equiv="refresh" content="30">
属性
= HTML5で追加。
属性 | 値 | 説明 |
---|---|---|
charset | character_set | HTMLドキュメントの文字エンコーディングを指定します。 |
content | text | 関連付けられた値が得られるhttp-equivまたはname属性を |
http-equiv | content-type default-style refresh | 情報/値のHTTPヘッダーを提供しcontent属性 |
name | application-name author description generator keywords | メタデータの名前を指定します。 |
scheme | format/URI | HTML5でサポートされていません。 値を解釈するために使用される方式を指定するcontent属性 |
グローバル属性
<meta>タグもサポートし、グローバルは、HTMLの属性 。
関連ページ
HTMLチュートリアル: HTMLヘッド
HTML DOMリファレンス: メタオブジェクト
デフォルトのCSS設定
なし。