English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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属性の値と
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では<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 新しい属性
属性 | 値 | 説明 |
---|---|---|
charsetHTML5 | character_set | ドキュメントの文字エンコーディングを定義します。 |
content | text | http-equivまたはname属性に関連するメタ情報を定義します。 |
http-equiv | content-type default-style refresh | content属性をHTTPヘッダに関連付けます。 |
name | application-name author description generator keywords | content属性を名前に関連付けます。 |
scheme | format/URI | HTML5サポートしていません。content属性値の形式を定義するために使用されます。 |
<meta> タグはすべての HTML イベント属性。
HTML チュートリアル:HTML ヘッダー