1. 開発者向けのウェブ技術
  2. Web API
  3. HTMLMetaElement

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

HTMLMetaElement

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

HTMLMetaElement インターフェイスは、HTML 内で <meta> 要素として提供される、文書に関する説明的なメタデータが入ります。 HTMLElement インターフェイスから、すべてのプロパティとメソッドを継承しています。

EventTarget Node Element HTMLElement HTMLMetaElement

プロパティ

親である HTMLElement から継承したプロパティがあります。

HTMLMetaElement.charset

HTML 文書の文字エンコーディングです。

HTMLMetaElement.content

文書メタデータの名前と値の組の 'value' の部分です。

HTMLMetaElement.httpEquiv

文書の HTTP レスポンスヘッダー、プラグマディレクティブの名前です。

HTMLMetaElement.media

theme-color メタデータプロパティのメディアコンテキストです。

HTMLMetaElement.name

文書の名前付きメタデータを定義する名前と値の組の 'name' の部分です。

HTMLMetaElement.scheme

HTMLMetaElement.content 属性の値の値のスキームを定義します。 これは非推奨です。新しいウェブページでは使用しないでください。

インスタンスメソッド

固有のメソッドはありません。親である HTMLElement から継承したメソッドがあります。

例

次の 2 つの例は HTMLMetaElement インターフェイスを使用する一般的な手法を示します。 固有の例については、この節のインスタンスプロパティで記述されている各プロパティのページを参照してください。

ページの description のメタデータを設定

次の例では、新しい <meta> 要素を作成し、name 属性に description を設定しています。content 属性には文書の説明が設定し、それを文書の <head> に追加します。

js
let meta = document.createElement("meta");
meta.name = "description";
meta.content =
  "<meta> 要素は、名前と値のペアで文書のメタデータを提供するのに使用できます。name 属性はメタデータの名前を与え、content 属性は値を与えます。";
document.head.appendChild(meta);

viewport メタデータの設定

次の例では、新しい <meta> 要素を作成して name 属性に viewport を設定する方法を紹介しています。 content 属性はビューポートサイズを設定し、文書の <head> に追加されます。

js
var meta = document.createElement("meta");
meta.name = "viewport";
meta.content = "width=device-width, initial-scale=1";
document.head.appendChild(meta);

ビューポートの設定について詳しくは、ビューポートの基本を参照してください。

仕様書

仕様書
HTML
# htmlmetaelement

ブラウザーの互換性

関連情報

  • このインターフェイスを実装している HTML 要素: <meta>

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告