| CARVIEW |
Select Language
HTTP/2 200
x-guploader-uploadid: AAwnv3J5PS20rN5C9MjsrZQEgWx3oRyl8M1LmSbv3JpMatCB14PiF9xTHAm_IuhZwsy0Hz0E
x-goog-generation: 1760058666116742
x-goog-metageneration: 1
x-goog-stored-content-encoding: identity
x-goog-stored-content-length: 166817
x-goog-meta-goog-reserved-file-mtime: 1760056722
x-goog-hash: crc32c=gODM8Q==, md5=C7Fjc7phZhr8jgVNakTXZQ==
x-goog-storage-class: STANDARD
accept-ranges: none
expires: Fri, 10 Oct 2025 18:36:58 GMT
cache-control: public, max-age=3600
last-modified: Fri, 10 Oct 2025 01:11:06 GMT
etag: W/"0bb16373ba61661afc8e054d6a44d765"
content-type: text/html
age: 1480
alt-svc: h3=":443"; ma=2592000,h3-29=":443"; ma=2592000
alt-svc: clear
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
strict-transport-security: max-age=63072000
content-security-policy: default-src 'self'; script-src 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://www.googletagmanager.com/gtag/js assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; script-src-elem 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://www.googletagmanager.com/gtag/js assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; style-src 'report-sample' 'self' 'unsafe-inline'; object-src 'none'; base-uri 'self'; connect-src 'self' developer.allizom.org bcd.developer.allizom.org bcd.developer.mozilla.org updates.developer.allizom.org updates.developer.mozilla.org https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com https://incoming.telemetry.mozilla.org https://observatory-api.mdn.allizom.net https://observatory-api.mdn.mozilla.net https://api.github.com/search/issues stats.g.doubleclick.net https://api.stripe.com; font-src 'self'; frame-src 'self' interactive-examples.mdn.mozilla.net interactive-examples.mdn.allizom.net mdn.github.io live-samples.mdn.mozilla.net live-samples.mdn.allizom.net *.mdnplay.dev *.mdnyalp.dev *.play.test.mdn.allizom.net https://v2.scrimba.com https://scrimba.com jsfiddle.net www.youtube-nocookie.com codepen.io survey.alchemer.com https://js.stripe.com; img-src 'self' data: *.githubusercontent.com *.googleusercontent.com *.gravatar.com mozillausercontent.com firefoxusercontent.com profile.stage.mozaws.net profile.accounts.firefox.com developer.mozilla.org mdn.dev interactive-examples.mdn.mozilla.net interactive-examples.mdn.allizom.net wikipedia.org upload.wikimedia.org https://mdn.github.io/shared-assets/ https://mdn.dev/ https://*.google-analytics.com https://*.googletagmanager.com www.gstatic.com; manifest-src 'self'; media-src 'self' archive.org videos.cdn.mozilla.net https://mdn.github.io/shared-assets/; child-src 'self'; worker-src 'self';
x-frame-options: DENY
origin-trial: AxVILwizhbMjxFeHOn1P3R8niO1RJY/smaK4B4d1rLzc1gTaxtXMSaTi+FoigYgCw40uFRDwFcEAeqDR+vVLOW4AAABfeyJvcmlnaW4iOiJodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZyIsImZlYXR1cmUiOiJQcml2YXRlQXR0cmlidXRpb25WMiIsImV4cGlyeSI6MTc0MjA3OTYwMH0=
x-cloud-trace-context: 1a051e950767417706a1ee6ae6f08352
date: Fri, 10 Oct 2025 18:01:38 GMT
server: Google Frontend
via: 1.1 google
vary: Accept-Encoding
content-encoding: gzip
x-cache: miss
HTMLMetaElement - Web API | MDN
Toggle sidebar
このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
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 インターフェイスから、すべてのプロパティとメソッドを継承しています。
プロパティ
親である 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);
ビューポートの設定について詳しくは、ビューポートの基本を参照してください。
仕様書
| Specification |
|---|
| HTML # htmlmetaelement |
ブラウザーの互換性
Loading…
関連情報
- このインターフェイスを実装している HTML 要素:
<meta>