HTML <meta> タグ

前へ 完全なHTM リファレンス 次へ

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>
Try it Yourself ❯

定義と用法

メタデータとは、データに関するデータ(情報)です。

<meta> タグは、HTML 文書に関するメタデータを提供します。メタデータは、ページには表示されませんが、機械による解析が可能です。

通常、meta 要素は、ページの説明、キーワード、文書の作成者、最終更新日、およびその他のメタデータを指定するために使用します。

メタデータは、ブラウザ(コンテンツやリロードページを表示する方法)、検索エンジン(キーワード) または他の Web サービスで使用することができます。


ブラウザ・サポート

要素
<meta> Yes Yes Yes Yes Yes

チップスと注意事項

注: <meta> タグは、常に<head>要素内に置きます。

注: メタデータは、常に名前/値のペアで渡します。

注: name または http-equiv 属性を定義した場合は、content 属性を定義しなければなりません。 このいずれも定義しない場合、content 属性を定義することができません。


HTML 4.01 と HTML5 の相違点

scheme 属性は、 HTML5 ではサポート対象外です。

HTML5 には、簡単に文字セットを定義することができる、新しい属性 charset があります:


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
content 属性の情報/値へ HTTP ヘッダを提供します
name application-name
author
description
generator
keywords
メタデータの名称を指定する
scheme format/URI HTML5 ではサポート対象外。
content 属性の値を解釈するために用いられるスキームを指定する

グローバル属性

<meta> タグは、HTML のグローバル属性もサポートします。


関連ページ

HTML チュートリアル:HTML Head

HTML DOM リファレンス:Meta オブジェクト


デフォルトの CSS 設定

なし。


前へ 完全なHTM リファレンス 次へ