**`meta`** represents various kinds of 
#key# metadata: data (information) about data #key# that can not be represented by other HTML metadata-related elements.

# Where to use the `<meta>` tag?

Similar to all HTML tags, a meta element is placed inside tags (`<>`): `<meta>`. It is an empty tag that does not require the closing tag (`</>`). Additionally, the `meta` element is always placed inside the `<head>` tag. `<meta>` tags represent:

 - page description
 - author of the document
 - keywords
 - character set
 - viewport settings

# Code

With the `meta` element, a user can provide metadata if the following attributes are set:

 - `name` attribute: provides document-level metadata and applies it to the whole page.

<!DOCTYPE html>
<html>

  <head>
    <meta name="description" content="Meta element in HTML">
    <meta name="keywords" content="HTML, CSS">
    <meta name="author" content="default">
  </head>
  
  <body>

    <h1>Charset attribute</h1>
    <p>Example of meta element using "name" attribute.</p>

  </body>
</html>


codemirror

 - `http-equiv` attribute: a pragma directive that provides information equivalent similar to HTTP header.

<!DOCTYPE html>
<html>
  <head>
     
    <meta http-equiv="refresh" content="15">
  </head>

  <body>

    <h1>Charset Attribute</h1>
    <p>Example for meta element using "http-equiv" attribute</p>

  </body>
</html>


 - `charset` attribute: a character set declaration that gives the character encoding to the document encoded.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
  </head>

  <body>
    <h1>Charset Attribute</h1>
    <p>Example of meta tag using "charset" attribute</p>
  </body>

</html>

What is meta element in HTML?

Meta elements provide metadata like page description, author, keywords, character set, and viewport settings in the HTML <head>.

What is meta element in HTML?

Where to use the <meta> tag?

Code

Where to use the `<meta>` tag?