HTMLMetaElement

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

HTMLMetaElement 介面包含在 HTML 的 <meta> 元素中提供的有關文件的描述性元資料。該介面繼承了 HTMLElement 介面中描述的所有屬性和方法。

EventTarget Node Element HTMLElement HTMLMetaElement

例項屬性

繼承自其父級 HTMLElement 的屬性。

<meta#charset>

HTML 文件的字元編碼。

HTMLMetaElement.content

文件元資料名稱-值對的“值”部分。

HTMLMetaElement.httpEquiv

文件的 pragma 指令、HTTP 響應頭名稱。

HTMLMetaElement.media

theme-color 元資料屬性的媒體上下文。

HTMLMetaElement.name

定義文件命名元資料的名稱-值對的“名稱”部分。

HTMLMetaElement.scheme 已棄用

定義 HTMLMetaElement.content 屬性中值的方案。此屬性已被棄用,不應用於新的網頁。

例項方法

無特定方法;從其父級 HTMLElement 繼承方法。

示例

以下兩個示例展示了使用 HTMLMetaElement 介面的通用方法。具體示例請參見上面“例項屬性”部分所述的各個屬性的頁面。

設定頁面描述元資料

以下示例建立一個新的 <meta> 元素,其 name 屬性設定為 descriptioncontent 屬性設定文件的描述,並將其新增到文件的 <head> 中。

js
const meta = document.createElement("meta");
meta.name = "description";
meta.content =
  "The <meta> element can be used to provide document metadata in terms of name-value pairs, with the name attribute giving the metadata name, and the content attribute giving the value.";
document.head.appendChild(meta);

設定視口元資料

以下示例演示如何建立新的 <meta> 元素,其 name 屬性設定為 viewportcontent 屬性設定視口大小,並將其新增到文件的 <head> 中。

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

有關設定視口的更多資訊,請參閱 <meta name="viewport">

規範

規範
HTML
# htmlmetaelement

瀏覽器相容性

另見

  • 實現此介面的 HTML 元素: <meta>