HTMLMetaElement: content プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

HTMLMetaElement.content プロパティは、HTMLMetaElement.name または HTMLMetaElement.httpEquiv との組み合わせによる、プラグマディレクティブと名前付き <meta> データの content 属性を取得または設定します。 詳しくは、content 属性を参照してください。

値

文字列です。

例

meta 要素の内容の読み取り

次の例は name 属性に keywords という値を格納した <meta> 要素を問い合わせるものです。 content の値がコンソールにログ出力され、文書の keywords が表示されます。

js
// <meta name="keywords" content="documentation, HTML, web"> があるとします
let meta = document.querySelector("meta[name='keywords']");
console.log(meta.content);
// "documentation, HTML, web"

内容付きの meta 要素の作成

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

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

仕様書

Specification
HTML Standard
# dom-meta-content

ブラウザーの互換性

BCD tables only load in the browser

関連情報