<メタ>


HTML <meta> タグ

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Ståle Refsnes">
<meta charset="UTF-8">
</head>
<body>

<p>所有 meta 标签显示在 head 部分...</p>

</body>
</html>

インスタンスの実行»

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します


ブラウザサポート

1000.png

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


タグの定義と使用方法

メタデータはデータのデータ情報です。

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

META 要素は通常、Web ページの説明、キーワード、ファイルの最終変更、作成者、およびその他のメタデータを指定するために使用されます。

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


ヒントとメモ

注: <meta> タグは通常 <head> にあります。 エリア内。

注: メタデータは通常、名前と値のペアとして表示されます。

注: name 属性が指定されていない場合、名前と値のペアの名前は http-equiv 属性の値を受け取ります。


HTML 4.01とHTML5の違い

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

HTML5 には、文字セットの定義を簡単にする新しい 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 - Web ページの説明を定義します:

<meta name="description" content="HTML と CSS に関する無料の Web チュートリアル">

例 3 - ページ作成者の定義:

<メタ名="author" content="Hege Refsnes">

例 4 - 30 秒ごとにページを更新します:

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


属性

新しい: HTML5 の新しい属性。

属性 説明
charsetNewcharacter_set は、ドキュメントの文字エンコーディングを定義します。
contenttext http-equiv または name 属性に関連するメタ情報を定義します。
http-equivcontent-type
デフォルトスタイル
Refresh
は、content 属性を HTTP ヘッダーに関連付けます。
名前アプリケーション名
著者
説明
Generator
keywords
は、コンテンツ属性を名前に関連付けます。
スキームformat/URI HTML5はサポートされていません。 コンテンツ属性値の翻訳に使用される形式を定義します。


イベント属性

<p> タグは、すべての HTML イベント属性をサポートします。


関連記事

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