HTMLMetaElement: content property
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.
The HTMLMetaElement.content
property gets or sets the content
attribute of pragma directives and named <meta>
data in conjunction with HTMLMetaElement.name
or HTMLMetaElement.httpEquiv
.
For more information, see the content attribute.
Value
A string.
Examples
Reading meta element content
The following example queries a <meta>
element that contains a name
attribute with the value of keywords
.
The content
value is logged to the console to display the keywords of the document:
// given <meta name="keywords" content="documentation, HTML, web">
const meta = document.querySelector("meta[name='keywords']");
console.log(meta.content);
// "documentation, HTML, web"
Creating a meta element with content
The following example creates a new <meta>
element with a name
attribute set to description
.
The content
attribute sets a description of the document and is appended to the document <head>
:
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);
Specifications
Specification |
---|
HTML Standard # dom-meta-content |
Browser compatibility
BCD tables only load in the browser