メタ情報を表すmeta要素
<meta />

 さまざまなメタ情報を記述するための要素です。よく使われるものとして、keyword属性やdescription属性などがあり、サイトに関連付いたキーワードや説明を記述できます。

 head要素の子要素としてマークアップされるので、実際のWebブラウザ上には内容が表示されません。

<html>
<head>
<meta name="description"
content="ここにサイトの説明文を記述。実際の画面には表示されない" />
<meta name="keywords"
content="【キーワード1】,【キーワード2】,【キーワード3】" />
<title>metaタグのサンプル</title>
</head>
<body>
……
</body>
</html>

DOMでの参照方法

 IE 5以降とW3C DOMをサポートしているWebブラウザでは、下記のIDを使った参照方法が使えます。

[window.]document.getElementById("【ID属性値名】")

オプション属性

属性 機能 入力例 DOM参照
content 文字列 プロパティの値
を指定
<meta http-equiv="refresh" content="5;URL=http://www.example.com/test.html" /> [window.]document.getElementById("【ID属性値名】").content
http-equiv あらかじめ
定義されて
いる文字列
HTTP応答
メッセージヘッダ
に用いる情報
を記述
<meta http-equiv="refresh" content="5;URL=http://www.example.com/test.html" /> [window.]document.getElementById("【ID属性値名】").http-equiv
name http-equiv
属性と同様
プロパティの
名前を識別させる
<meta name="author" content="Ryosuke Kiyasu" /> [window.]document.getElementById("【ID属性値名】").name
scheme http-equiv
属性と同様
メタデータ解釈
におけるスキーマ
を指定
<meta scheme="Tokyo" name="HackersTV" content="55.0" /> [window.]document.getElementById("【ID属性値名】").scheme

有限会社タグパンダ
喜安 亮介

5/10

 INDEX
Web標準HTMLタグリファレンス(1)
文書構造を表現するXHTMLタグの正しいマークアップの仕方 文書構造
  html HTMLタグのすべての先祖となるhtml要素
  body ブラウザに表示される部分の始まりと終わりを表すbody要素
  head メタ情報や外部アセットの読み込みを記述する領域のhead要素
meta メタ情報を表すmeta要素
  title ドキュメント(ページ)のタイトルを表すtitle要素
  h1〜h6 ドキュメント(ページ)の見出しを表現するh1〜h6要素
  span span要素はインライン要素にて構造化を表現するための要素
  div div要素はブロックレベル要素にて構造化を表現するための要素
  address コンタクト先を記述するaddress要素



HTML5 + UX フォーラム 新着記事
@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

注目のテーマ

デザインハック 記事ランキング

本日 月間