HTML Guides - issues tagged as meta

Element “meta” is missing one or more of the following attributes: “charset”, “content”, “http-equiv”, “itemprop”, “name”, “property”.

The <meta> element provides metadata about the HTML document — information that isn't displayed on the page but is used by browsers, search engines, and other web services. According to the HTML specification, a <meta> tag without any of the recognized attributes is meaningless. The validator flags this because a bare <meta> element (or one with only unrecognized attributes) provides no useful metadata and likely indicates an error or incomplete tag.

This issue commonly occurs when a <meta> tag is left empty by accident, when an attribute name is misspelled (e.g., naem instead of name), or when a required attribute is accidentally deleted during editing.

Most <meta> use cases fall into a few patterns, each requiring specific attribute combinations:

charset — Used alone to declare the document's character encoding.
name + content — Used together to define named metadata like descriptions, viewport settings, or author information.
http-equiv + content — Used together to simulate an HTTP response header.
property + content — Used together for Open Graph and similar RDFa-based metadata.
itemprop + content — Used together for microdata annotations.

Note that content alone is not sufficient — it must be paired with name, http-equiv, property, or itemprop to have meaning.

Examples

Incorrect: bare `<meta>` tag with no attributes

This triggers the validation error because the <meta> element has no recognized attributes:

<meta>

Incorrect: misspelled attribute

A typo in the attribute name means the validator doesn't recognize it:

Incorrect: `content` without a pairing attribute

The content attribute alone is not enough — it needs name, http-equiv, property, or itemprop:

Correct: character encoding with `charset`

Correct: named metadata with `name` and `content`

Correct: HTTP-equivalent with `http-equiv` and `content`

Correct: Open Graph metadata with `property` and `content`

Correct: microdata with `itemprop` and `content`

Full document example

<!DOCTYPE html>

<head>

<title>Example Page</title>

</head>

<body>

<p>Hello, world!</p>

</body>

</html>

How to fix

Find the flagged <meta> tag in your HTML source at the line number the validator reports.
Check for typos in attribute names — make sure name, charset, http-equiv, property, or itemprop is spelled correctly.
Add the missing attribute. Determine what the <meta> tag is supposed to do and add the appropriate attribute(s). If you can't determine its purpose, it may be safe to remove it entirely.
Ensure proper pairing. If you're using content, make sure it's paired with name, http-equiv, property, or itemprop. The charset attribute is the only one that works on its own without content.

Element “meta” is missing one or more of the following attributes: “content”, “itemprop”, “property”.

The <meta> element is used to provide metadata about an HTML document. According to the HTML specification, a <meta> element must serve a specific purpose, and that purpose is determined by its attributes. A bare <meta> tag or one with only a charset attribute in the wrong context will trigger this validation error.

There are several valid patterns for <meta> elements:

name + content: Standard metadata pairs (e.g., description, viewport, author).
http-equiv + content: Pragma directives that affect how the browser processes the page.
charset: Declares the document's character encoding (only valid once, in the <head>).
itemprop + content: Microdata metadata, which can appear in both <head> and <body>.
property + content: Used for Open Graph and RDFa metadata.

When a <meta> tag doesn't match any of these valid patterns, the validator raises this error. The most common causes are:

Forgetting the content attribute when using name or property.
Using non-standard attributes without the required ones (e.g., only specifying a custom attribute).
Placing a charset meta in the <body>, where it's not valid.
Typos in attribute names like contents instead of content.

This matters for standards compliance and can also affect SEO and social sharing. Search engines and social media crawlers rely on properly formed <meta> tags to extract page information. Malformed tags may be silently ignored, meaning your metadata won't take effect.

Examples

Incorrect: `<meta>` with `name` but no `content`

<head>

</head>

The <meta name="description"> tag is missing its content attribute, so the validator reports the error.

Correct: `<meta>` with both `name` and `content`

<head>

</head>

Incorrect: `<meta>` with `property` but no `content`

<head>

</head>

Correct: Open Graph `<meta>` with `property` and `content`

<head>

</head>

Incorrect: `<meta>` with only a non-standard attribute

<head>

</head>

Here, value is not a valid attribute for <meta>. The correct attribute is content.

Correct: Using `content` instead of `value`

<head>

</head>

Incorrect: Bare `<meta>` tag with no meaningful attributes

<head>

<meta>

</head>

A <meta> element with no attributes serves no purpose and should be removed entirely.

Correct: Using `itemprop` in the `<body>`

The itemprop attribute allows <meta> to be used within the <body> as part of microdata:

<body>

<span itemprop="name">Example Product</span>

</div>

</body>

Element “meta” is missing one or more of the following attributes: “content”, “property”.

The <meta> element is used to provide machine-readable metadata about an HTML document, such as its description, character encoding, viewport settings, or social media information. The HTML specification defines several valid forms for <meta>, and most of them require a content attribute to supply the metadata's value.

This error typically appears when a <meta> tag includes a name or http-equiv attribute but is missing the corresponding content attribute. It can also appear when a <meta> tag has no recognizable attributes at all, or when the property attribute (used by Open Graph / RDFa metadata) is present without content.

A <meta> element must use one of these valid attribute patterns:

name + content — Named metadata (e.g., description, author, viewport)
http-equiv + content — Pragma directives (e.g., refresh, content-type)
charset — Character encoding declaration (no content needed)
property + content — RDFa/Open Graph metadata (e.g., og:title)
itemprop + content — Microdata metadata

Without the proper combination, browsers and search engines cannot correctly interpret the metadata, which can hurt SEO, accessibility, and proper page rendering. For example, a <meta name="description"> tag without content provides no description to search engines, and a <meta name="viewport"> without content won't configure the viewport on mobile devices.

Examples

❌ Missing `content` attribute

<head>

</head>

Both <meta> tags with name are missing their required content attribute.

❌ Empty or bare `<meta>` tag

<head>

<meta>

</head>

A <meta> element with no attributes at all is invalid.

❌ Open Graph tag missing `content`

<head>

</head>

✅ Correct usage with `name` and `content`

<head>

</head>

✅ Correct usage with `http-equiv` and `content`

✅ Correct usage with Open Graph `property` and `content`

✅ Correct `charset` declaration (no `content` needed)

The charset form is the one exception where content is not required, because the character encoding is specified directly in the charset attribute value.

How to fix

Find the flagged <meta> tag in your HTML source at the line number reported by the validator.
Determine what type of metadata it represents. Does it have a name, http-equiv, or property attribute?
Add the missing content attribute with an appropriate value. If you intended the metadata to be empty, use content="", though it's generally better to either provide a meaningful value or remove the tag entirely.
If the <meta> tag has no attributes at all, decide what metadata you intended to provide and add the correct attribute combination, or remove the element.

Element “meta” is missing one or more of the following attributes: “http-equiv”, “itemprop”, “name”, “property”.

Element “meta” is missing one or more of the following attributes: “itemprop”, “property”.

The <meta> element is most commonly used inside the <head> section to define metadata like character encoding, viewport settings, or descriptions. Inside <head>, attributes like charset, http-equiv, and name are perfectly valid. However, the HTML specification also allows <meta> to appear inside the <body> — but only under specific conditions.

When a <meta> element appears in the <body>, it must have either an itemprop attribute (for microdata) or a property attribute (for RDFa). It must also have a content attribute. Additionally, it cannot use http-equiv, charset, or name attributes in this context. These rules exist because the only valid reason to place a <meta> tag in the <body> is to embed machine-readable metadata as part of a structured data annotation — not to define document-level metadata.

Why this matters

Standards compliance: The HTML living standard explicitly restricts which attributes <meta> can use depending on its placement. Violating this produces invalid HTML.
Browser behavior: Browsers may ignore or misinterpret <meta> elements that appear in the <body> without proper attributes. For example, a <meta http-equiv="content-type"> tag inside the <body> will have no effect on character encoding, since that must be determined before the body is parsed.
SEO and structured data: Search engines rely on correctly structured microdata and RDFa. A <meta> element in the body without itemprop or property won't contribute to any structured data and serves no useful purpose.

Common causes

Misplaced <meta> tags: A <meta> element meant for the <head> (such as <meta http-equiv="..."> or <meta name="description">) has accidentally been placed inside the <body>. This can happen due to an unclosed <head> tag, a CMS inserting tags in the wrong location, or simply copying markup into the wrong section.
Missing itemprop or property: A <meta> element inside the <body> is being used for structured data but is missing the required itemprop or property attribute.

Examples

Incorrect: `<meta>` with `http-equiv` inside the `<body>`

This <meta> tag belongs in the <head>, not the <body>:

<body>

<form>

</form>

</body>

Fixed: Move the `<meta>` to the `<head>`

<head>

</head>

<body>

<form>

</form>

</body>

Incorrect: `<meta>` in the `<body>` without `itemprop` or `property`

</div>

The <meta> element is missing the itemprop attribute, so the validator reports the error.

Fixed: Add the `itemprop` attribute

</div>

Correct: Using `property` for RDFa

The property attribute is also valid for <meta> elements in the <body> when using RDFa:

<span property="name">Concert</span>

</div>

Incorrect: `<meta name="...">` inside the `<body>`

The name attribute is only valid on <meta> elements inside the <head>:

<body>

<p>Welcome to my site.</p>

</body>

Fixed: Move it to the `<head>`

<head>

</head>

<body>

<p>Welcome to my site.</p>

</body>

Legacy encoding “windows-1252” used. Documents must use UTF-8.

The HTML living standard mandates UTF-8 as the only permitted character encoding for HTML documents. Legacy encodings like windows-1252, iso-8859-1, shift_jis, and others were common in older web pages, but they support only a limited subset of characters. UTF-8, on the other hand, can represent every character in the Unicode standard, making it universally compatible across languages and scripts.

This issue typically arises from one or more of these causes:

Missing or incorrect <meta charset> declaration — Your document either lacks a charset declaration or explicitly declares a legacy encoding like <meta charset="windows-1252">.
File not saved as UTF-8 — Even with the correct <meta> tag, if your text editor saves the file in a different encoding, characters may become garbled (mojibake).
Server sends a conflicting Content-Type header — The HTTP Content-Type header can override the in-document charset declaration. If your server sends Content-Type: text/html; charset=windows-1252, the browser will use that encoding regardless of what the <meta> tag says.

Why This Matters

Standards compliance: The WHATWG HTML living standard explicitly states that documents must be encoded in UTF-8. Using a legacy encoding makes your document non-conforming.
Internationalization: Legacy encodings like windows-1252 only support a limited set of Western European characters. If your content ever includes characters outside that range—emoji, CJK characters, Cyrillic, Arabic, or even certain punctuation—they won't render correctly.
Security: Mixed or ambiguous encodings can lead to security vulnerabilities, including certain types of cross-site scripting (XSS) attacks that exploit encoding mismatches.
Consistency: When the declared encoding doesn't match the actual file encoding, browsers may misinterpret characters, leading to garbled text that's difficult to debug.

How to Fix It

Step 1: Declare UTF-8 in your HTML

Add a <meta charset="utf-8"> tag as the first element inside <head>. It must appear within the first 1024 bytes of the document so browsers can detect it early.

Step 2: Save the file as UTF-8

In most modern text editors and IDEs, you can set the file encoding:

VS Code: Click the encoding label in the bottom status bar and select "Save with Encoding" → "UTF-8".
Sublime Text: Go to File → Save with Encoding → UTF-8.
Notepad++: Go to Encoding → Convert to UTF-8.

If your file already contains characters encoded in windows-1252, simply changing the declaration without re-encoding the file will cause those characters to display incorrectly. You need to convert the file's actual encoding.

Step 3: Check your server configuration

If your server sends a charset parameter in the Content-Type HTTP header, make sure it specifies UTF-8. For example, in Apache you can add this to your .htaccess file:

AddDefaultCharset UTF-8

In Nginx, you can set it in your server block:

charset utf-8;

Examples

Incorrect: Legacy encoding declared

<!DOCTYPE html>

<head>

</head>

<body>

<p>Hello world</p>

</body>

</html>

This triggers the error because windows-1252 is a legacy encoding.

Incorrect: Using the long-form `http-equiv` with a legacy encoding

This older syntax also triggers the error when it specifies a non-UTF-8 encoding.

Correct: UTF-8 declared properly

<!DOCTYPE html>

<head>

</head>

<body>

<p>Hello world</p>

</body>

</html>

The <meta charset="utf-8"> tag appears as the first child of <head>, and the file itself should be saved with UTF-8 encoding.

Correct: Using `http-equiv` with UTF-8

While the shorter <meta charset="utf-8"> form is preferred, this longer syntax is also valid as long as it specifies UTF-8.

“meta” element between “head” and “body”.

According to the HTML specification, <meta> elements are metadata content and must appear within the <head> element. When a <meta> tag appears between </head> and <body>, browsers have to error-correct by either ignoring the element or silently relocating it into the head. This can lead to unpredictable behavior — for instance, a <meta charset="utf-8"> tag in the wrong position might not be processed in time, causing character encoding issues. Similarly, a misplaced <meta name="viewport"> could fail to apply on some browsers, breaking your responsive layout.

There are several common causes for this error:

A <meta> tag accidentally placed after </head> — perhaps added hastily or through a copy-paste error.
A duplicate <head> section — if a second <head> block appears in the document, the browser closes the first one implicitly, leaving orphaned <meta> elements in limbo.
An unclosed element inside <head> — a tag like an unclosed <link> or <script> can confuse the parser, causing it to implicitly close </head> earlier than expected, which pushes subsequent <meta> tags outside the head.
Template or CMS injection — content management systems or templating engines sometimes inject <meta> tags at incorrect positions in the document.

To fix the issue, inspect your HTML source and ensure every <meta> element is inside a single, properly structured <head> section. Also verify that no elements within <head> are unclosed or malformed, as this can cause the parser to end the head section prematurely.

Examples

Incorrect — `<meta>` between `</head>` and `<body>`

<!DOCTYPE html>

<head>

</head>

<body>

<p>Hello, world!</p>

</body>

</html>

The <meta name="viewport"> tag is outside <head>, triggering the validation error.

Incorrect — duplicate `<head>` sections

<!DOCTYPE html>

<head>

</head>

<head>

</head>

<body>

<p>Hello, world!</p>

</body>

</html>

The second <head> block is invalid. The browser ignores it, leaving the <meta name="description"> element stranded between </head> and <body>.

Incorrect — unclosed element forces early head closure

<!DOCTYPE html>

<head>

<div>

</head>

<body>

<p>Hello, world!</p>

</body>

</html>

The <div> is not valid inside <head>, so the parser implicitly closes the head section when it encounters it. The subsequent <meta> tag ends up outside <head>.

Correct — all `<meta>` elements inside `<head>`

<!DOCTYPE html>

<head>

</head>

<body>

<p>Hello, world!</p>

</body>

</html>

All <meta> elements are properly contained within a single <head> section. Note that <meta charset="utf-8"> should ideally be the very first element in <head> so the browser knows the encoding before processing any other content.

The only allowed value for the “charset” attribute for the “meta” element is “utf-8”.

charset
meta

The “scheme” attribute on the “meta” element is obsolete. Use only one scheme per field, or make the scheme declaration part of the value.

In older HTML specifications (HTML 4.01), the scheme attribute was used to provide additional context for interpreting the content value of a <meta> element. It told browsers or metadata processors which encoding scheme, format, or vocabulary applied to the metadata. For example, you could specify that a date followed the W3CDTF format or that a subject classification used a particular taxonomy.

HTML5 dropped the scheme attribute because it was rarely used by browsers and its purpose was better served by making the scheme part of the metadata value itself. The WHATWG HTML living standard does not recognize scheme as a valid attribute on <meta>, so including it will produce a validation error. Keeping obsolete attributes in your markup can cause confusion for developers maintaining the code and signals outdated practices that may accompany other compatibility issues.

This issue most commonly appears in documents that use Dublin Core Metadata Initiative (DCMI) metadata, which historically relied on scheme to indicate the encoding format for dates, identifiers, and subject classifications.

How to fix it

There are several approaches depending on your use case:

Simply remove the scheme attribute if the format is already clear from context (e.g., ISO 8601 dates are universally understood).
Incorporate the scheme into the name attribute by using a more specific property name that implies the scheme.
Include the scheme declaration in the content value so the format information is preserved within the value itself.

For Dublin Core metadata specifically, the modern recommended approach is to use the DCTERMS namespace with RDFa or to simply drop the scheme attribute, since most date formats like YYYY-MM-DD are unambiguous.

Examples

Obsolete: using the `scheme` attribute

This triggers the validation error because scheme is not a valid attribute in HTML5:

Another common example with subject classification:

Fixed: removing the `scheme` attribute

If the value format is self-evident (as with ISO 8601 dates), simply remove scheme:

Fixed: incorporating the scheme into the value

When the scheme information is important for processors to understand the value, embed it in the content attribute:

Fixed: using a more specific property name

You can make the scheme implicit by using a more descriptive name value:

Fixed: using RDFa for richer metadata

For documents that require precise, machine-readable metadata with explicit schemes, consider using RDFa attributes instead of the obsolete scheme:

This approach is compatible with HTML5 and provides the same semantic richness that the scheme attribute was originally designed to offer.

Using the “meta” element to specify the document-wide default language is obsolete. Consider specifying the language on the root element instead.

meta
lang

In older HTML practices, developers sometimes used <meta http-equiv="Content-Language" content="en"> inside the <head> to declare the document's primary language. The HTML living standard now marks this as obsolete because it was an unreliable and indirect way to communicate language information. It attempted to mirror an HTTP header rather than being a true part of the document structure, and its behavior was inconsistently implemented across browsers.

The lang attribute on the <html> element is the correct modern approach. It directly associates the language with the document's DOM tree, which has several important benefits:

Accessibility: Screen readers rely on the lang attribute to select the correct pronunciation rules and voice profile. Without it, assistive technology may mispronounce content or fall back to a default language that doesn't match the text.
Browser behavior: Browsers use the lang attribute to make decisions about hyphenation, font selection, quotation mark styling, spell-checking, and other language-sensitive rendering.
Search engines: Declaring the language helps search engines index and serve content to the appropriate audience.
CSS targeting: The :lang() pseudo-class selector works based on the lang attribute, enabling language-specific styling.

The lang attribute also supports granular, element-level language declarations. If your page is primarily in English but contains a French quote, you can set lang="fr" on that specific element — something the <meta> approach could never do.

Examples

Incorrect: using the obsolete meta tag

This triggers the W3C validation warning because <meta http-equiv="Content-Language"> is obsolete for specifying the document language.

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p>Hello, world!</p>

</body>

</html>

Correct: using the `lang` attribute on `<html>`

Remove the <meta http-equiv="Content-Language"> tag and add the lang attribute to the <html> element instead.

<!DOCTYPE html>

<head>

</head>

<body>

<p>Hello, world!</p>

</body>

</html>

Correct: mixed-language content

Use the lang attribute on the root element for the primary language, then override it on specific elements as needed.

<!DOCTYPE html>

<head>

<title>Multilingual Page</title>

</head>

<body>

<p>The French word for hello is <span lang="fr">bonjour</span>.</p>

<p>Die Grenzen meiner Sprache bedeuten die Grenzen meiner Welt.</p>

</blockquote>

</body>

</html>

Common language codes

Use a valid BCP 47 language tag as the value of the lang attribute. Here are some frequently used codes:

Code	Language
`en`	English
`fr`	French
`de`	German
`es`	Spanish
`pt-BR`	Brazilian Portuguese
`zh-Hans`	Simplified Chinese
`ja`	Japanese

The fix is straightforward: remove any <meta http-equiv="Content-Language"> tags from your <head> and ensure your <html> element includes a lang attribute with the appropriate language code. This single change resolves the validation warning while improving your document's accessibility, rendering, and standards compliance.

HTML Guides for meta

Examples

Incorrect: bare <meta> tag with no attributes

Incorrect: misspelled attribute

Incorrect: content without a pairing attribute

Correct: character encoding with charset

Correct: named metadata with name and content

Correct: HTTP-equivalent with http-equiv and content

Correct: Open Graph metadata with property and content

Correct: microdata with itemprop and content

Full document example

How to fix

Examples

Incorrect: <meta> with name but no content

Correct: <meta> with both name and content

Incorrect: <meta> with property but no content

Correct: Open Graph <meta> with property and content

Incorrect: <meta> with only a non-standard attribute

Correct: Using content instead of value

Incorrect: Bare <meta> tag with no meaningful attributes

Correct: Using itemprop in the <body>

Examples

❌ Missing content attribute

❌ Empty or bare <meta> tag

❌ Open Graph tag missing content

✅ Correct usage with name and content

✅ Correct usage with http-equiv and content

✅ Correct usage with Open Graph property and content

✅ Correct charset declaration (no content needed)

How to fix

Invalid example

Valid example

Why this matters

Common causes

Examples

Incorrect: <meta> with http-equiv inside the <body>

Fixed: Move the <meta> to the <head>

Incorrect: <meta> in the <body> without itemprop or property

Fixed: Add the itemprop attribute

Correct: Using property for RDFa

Incorrect: <meta name="..."> inside the <body>

Fixed: Move it to the <head>

Why This Matters

How to Fix It

Step 1: Declare UTF-8 in your HTML

Step 2: Save the file as UTF-8

Step 3: Check your server configuration

Examples

Incorrect: Legacy encoding declared

Incorrect: Using the long-form http-equiv with a legacy encoding

Correct: UTF-8 declared properly

Correct: Using http-equiv with UTF-8

Examples

Incorrect — <meta> between </head> and <body>

Incorrect — duplicate <head> sections

Incorrect — unclosed element forces early head closure

Correct — all <meta> elements inside <head>

HTML examples

Invalid charset value

Valid charset value

How to fix it

Examples

Obsolete: using the scheme attribute

Fixed: removing the scheme attribute

Fixed: incorporating the scheme into the value

Fixed: using a more specific property name

Fixed: using RDFa for richer metadata

Examples

Incorrect: using the obsolete meta tag

Correct: using the lang attribute on <html>

Correct: mixed-language content

Common language codes

Validate at scale. Ship accessible websites, faster.

Pro Trial

Incorrect: bare `<meta>` tag with no attributes

Incorrect: `content` without a pairing attribute

Correct: character encoding with `charset`

Correct: named metadata with `name` and `content`

Correct: HTTP-equivalent with `http-equiv` and `content`

Correct: Open Graph metadata with `property` and `content`

Correct: microdata with `itemprop` and `content`

Incorrect: `<meta>` with `name` but no `content`

Correct: `<meta>` with both `name` and `content`

Incorrect: `<meta>` with `property` but no `content`

Correct: Open Graph `<meta>` with `property` and `content`

Incorrect: `<meta>` with only a non-standard attribute

Correct: Using `content` instead of `value`

Incorrect: Bare `<meta>` tag with no meaningful attributes

Correct: Using `itemprop` in the `<body>`

❌ Missing `content` attribute

❌ Empty or bare `<meta>` tag

❌ Open Graph tag missing `content`

✅ Correct usage with `name` and `content`

✅ Correct usage with `http-equiv` and `content`

✅ Correct usage with Open Graph `property` and `content`

✅ Correct `charset` declaration (no `content` needed)

Incorrect: `<meta>` with `http-equiv` inside the `<body>`

Fixed: Move the `<meta>` to the `<head>`

Incorrect: `<meta>` in the `<body>` without `itemprop` or `property`

Fixed: Add the `itemprop` attribute

Correct: Using `property` for RDFa

Incorrect: `<meta name="...">` inside the `<body>`

Fixed: Move it to the `<head>`

Incorrect: Using the long-form `http-equiv` with a legacy encoding

Correct: Using `http-equiv` with UTF-8

Incorrect — `<meta>` between `</head>` and `<body>`

Incorrect — duplicate `<head>` sections

Correct — all `<meta>` elements inside `<head>`

Obsolete: using the `scheme` attribute

Fixed: removing the `scheme` attribute

Correct: using the `lang` attribute on `<html>`

Validate at scale.
Ship accessible websites, faster.