English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML リファレンスマニュアル

HTML タグ一覧

HTML: <meta> タグ

HTML <meta>タグは、ブラウザや検索エンジンによって使用される、直接見えない情報やメタデータを含むウェブページ上の要素です。このタグは通常、<meta>要素とも呼ばれます。

オンラインサンプル

HTML 文档のメタデータを説明します:

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="The HTML meta tag is an element that resides within the HTML head tag.">
<meta name="keywords" content="html, meta, tag, element">
<meta name="author" content="ja.oldtoolbag.com">
<title>基礎チュートリアルウェブ(oldtoolbag.com)</title>
</head>
<body>
</body>
</html>
テストを見てみましょう/›


このHTML5ドキュメントのサンプルでは、5個のmetaタグを使用します。第一个metaタグ(charset)はHTMLドキュメントの文字コードを定義します。レスポンシブウェブサイトのデザインでは、第二个metaタグ(viewport)です。第三个metaタグ(キーワード)にキーワードを提供します。最終的なmetaタグ(author)は、ウェブページの著者を定義します。

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが<meta>タグをサポートしています。

タグの定義及び使用方法

メタデータ(Metadata)はデータのデータ情報です。

<meta>タグはHTMLドキュメントのメタデータを提供します。メタデータはクライアントに表示されませんが、ブラウザによって解析されます。

META要素は、ウェブページの説明、キーワード、ファイルの最終更新日時、著者その他のメタデータを指定するために通常使用されます。

メタデータはブラウザ(内容の表示方法やページの再読み込み)、検索エンジン(キーワード)、その他のWebサービスによって使用できます。

ヒントと注意

注意:<meta>タグは通常、 区域内に

注意:  メタデータは通常、/値が対で現れます。

注意: name属性が提供されていない場合、名前/値の名前はhttp-equiv属性の値と

HTML 4.01 HTMLと5の違い

HTML5 scheme属性をサポートしていません。

HTMLでは5 中で、新しいcharset属性が追加され、文字セットの定義がより簡単になりました:

  • 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 - ウェブページの説明を定義します:

<meta name="description" content="Free Web tutorials on HTML and CSS">

例 3 - ページの著者を定義します:

<meta name="author" content="nhoo.com">

例 4 - 毎30秒でページをリフレッシュ:

<meta http-equiv="refresh" content="30">

属性

New :HTML5 新しい属性

属性説明
charsetHTML5character_setドキュメントの文字エンコーディングを定義します。
contenttexthttp-equivまたはname属性に関連するメタ情報を定義します。
http-equivcontent-type
 default-style
 refresh
content属性をHTTPヘッダに関連付けます。
nameapplication-name
 author
 description
 generator
 
keywords
content属性を名前に関連付けます。
schemeformat/URIHTML5サポートしていません。content属性値の形式を定義するために使用されます。

イベント属性をサポートしています

<meta> タグはすべての HTML イベント属性

関連記事

HTML チュートリアル:HTML ヘッダー