最新のWeb開発のチュートリアル
 

HTML <meta> Tag


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設定

なし。