HTML <meta>タグ

HTMLドキュメント内のメタデータを説明します。

以下の「自分で試してみてください」の例をもっと見てください。

定義と使用法

タグは、<meta>HTMLドキュメントに関するメタデータを定義します。メタデータは、データに関するデータ（情報）です。

<meta> タグは常に<head>要素内にあり、通常、文字セット、ページの説明、キーワード、ドキュメントの作成者、およびビューポート設定を指定するために使用されます。

メタデータはページに表示されませんが、マシン解析可能です。

メタデータは、ブラウザ（コンテンツの表示方法やページの再読み込み方法）、検索エンジン（キーワード）、およびその他のWebサービスで使用されます。

タグを使用して、Webデザイナーがビューポート（Webページのユーザーの表示領域）を制御できるようにする方法があります（以下の「ビューポートの<meta>設定」の例を参照）。

Element
<meta>	Yes	Yes	Yes	Yes	Yes

Attribute	Value	Description
charset	character_set	Specifies the character encoding for the HTML document
content	text	Specifies the value associated with the http-equiv or name attribute
http-equiv	content-security-policy content-type default-style refresh	Provides an HTTP header for the information/value of the content attribute
name	application-name author description generator keywords viewport	Specifies a name for the metadata

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

検索エンジンのキーワードを定義します。

Webページの説明を定義します。

ページの作成者を定義します。

30秒ごとにドキュメントを更新します。

すべてのデバイスでWebサイトの見栄えを良くするためのビューポートの設定：

ビューポートは、Webページのユーザーの表示領域です。デバイスによって異なります。携帯電話の方がコンピューターの画面よりも小さくなります。

<meta>すべてのWebページに次の要素を含める必要があります。

これにより、ページのサイズと拡大縮小を制御する方法がブラウザに指示されます。

width=device-widthパーツは、デバイスの画面幅（デバイスによって異なります）に従うようにページの幅を設定します。

このinitial-scale=1.0パーツは、ページがブラウザによって最初にロードされたときの初期ズームレベルを設定します。

次に、ビューポートメタタグのないWebページと、ビューポートメタタグのある同じWebページの例を示します。

ヒント：携帯電話またはタブレットでこのページを閲覧している場合は、以下の2つのリンクをクリックして違いを確認できます。

ビューポートの詳細については、レスポンシブWebデザイン-ビューポートチュートリアルを参照してください。

なし。