HTML meta Tag

HTML<meta>Tag: Data about data is known as the metadata. The HTML meta tag provides metadata about the HTML document. Metadata will not be displayed on the page but will be machine parsable. And also the meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata. And the metadata can be used by browsers, search engines (keywords), or other web services.

HTML<meta>Tag

The HTML<meta>tag supports the global attributes. HTML5 introduced a method to let web designers take control over the viewport, through the <meta> tag. This tag is an empty element because it only has an opening tag and no closing tag but it carries information within its attributes.

Syntax: <meta>

  • Add Meta tag to HTML Document: Add metadata in HTML document is the adding information about data in HTML document using meta tag inside the head tag.
  • Name attribute: This attribute is used to define the name of the property.
  • http-equiv attribute: This attribute is used to get the http response message header.
  • Scheme attribute: This attribute is used to specify a scheme to interpret the property’s value.
  • Content attribute: This attribute is used to specify properties value.

Browser compatibility

The HTML<meta> tag is supported by different types of browsers.

  • Chrome
  • Firefox
  • Opera
  • Safari
  • Internet Explorer

Example:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="description" content="Free Web tutorials">
  <meta name="keywords" content="HTML,CSS,XML,JavaScript">
  <meta name="author" content="John Doe">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<p>All meta information goes in the head section...</p>
</body>
</html>

Output:

All meta information goes in the head section…