HTMLMetaElement

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 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);

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