HTML <meta> name Attribute

❮ HTML <meta> tag

Example

<head>
  <meta name="language" content="EN">
  <meta name="description" content="add up to 160 characters">
  <meta name="keywords" content="your, keywords">
  <meta name="robots" content="index, follow">
  <meta name="copyright"content="company">
  <meta name="author" content="John Doe, [email protected]">
  <meta name="distribution" content="Global">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

Meaning

The name attribute associates a name with the meta-information contained in the content attribute.

Note: If the name attribute is present, the http-equiv attribute should not be used.


Standard Syntax

HTML: <meta name="value">

XHTML: <meta name="value" />



Browser Support




Status







Attribute Values

Value Description
application-name Specifies the name of the application running in the web page.
author Specifies the name of the document's author.
HTML: <meta name="author" content="John Doe">
XHTML: <meta name="author" content="John Doe" />
description Specifies a short and accurate summary of the content of the page. (160 character's recommended)
HTML: <meta content="160 characters recommended">
XHTML: <meta name="description" content="160 characters recommended" />
generator Specifies the identifier of the software that generated the page.
HTML: <meta name="generator" content="FrontPage 2.0">
XHTML: <meta name="generator" content="FrontPage 2.0" />
keywords Specifies words relevant to the page's content separated by commas.
HTML: <meta name="keywords" content="your, keywords">
XHTML: <meta name="keywords" content="your, keywords" />
referrer controls the HTTP Referer header for to requests sent from the document.
HTML: <meta name="referrer" content="no-referrer">
XHTML: <meta name="referrer" content="no-referrer" />
theme-color Specifies a suggested color that user agents should use to customize the display of the page or of the surrounding user interface.
HTML: <meta name="theme-color" content="color">
XHTML: <meta name="theme-color" content="color" />
color-scheme specifies one or more color schemes with which the document is compatible.
HTML: <meta name="color-scheme" content="dark light">
XHTML: <meta name="color-scheme" content="dark light" />
viewport Specifies about the size of the initial size of the viewport. Used by mobile devices only.
HTML: <meta name="viewport" content="width=device-width, initial-scale=1.0">
XHTML: <meta name="viewport" content="width=device-width, initial-scale=1.0" />
❮ HTML <meta> tag