HTMLMetaElement
HTMLMetaElement 介面包含在 HTML 的 <meta> 元素中提供的有關文件的描述性元資料。該介面繼承了 HTMLElement 介面中描述的所有屬性和方法。
例項屬性
繼承自其父級 HTMLElement 的屬性。
<meta#charset>-
HTML 文件的字元編碼。
HTMLMetaElement.content-
文件元資料名稱-值對的“值”部分。
HTMLMetaElement.httpEquiv-
文件的 pragma 指令、HTTP 響應頭名稱。
HTMLMetaElement.media-
theme-color元資料屬性的媒體上下文。 HTMLMetaElement.name-
定義文件命名元資料的名稱-值對的“名稱”部分。
HTMLMetaElement.scheme已棄用-
定義
HTMLMetaElement.content屬性中值的方案。此屬性已被棄用,不應用於新的網頁。
例項方法
無特定方法;從其父級 HTMLElement 繼承方法。
示例
以下兩個示例展示了使用 HTMLMetaElement 介面的通用方法。具體示例請參見上面“例項屬性”部分所述的各個屬性的頁面。
設定頁面描述元資料
以下示例建立一個新的 <meta> 元素,其 name 屬性設定為 description。content 屬性設定文件的描述,並將其新增到文件的 <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 屬性設定為 viewport。content 屬性設定視口大小,並將其新增到文件的 <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>