# Meta Section

## \<meta>

{% hint style="info" %}
This is not an area where you will need to make modifications, until you are doing more advanced settings.

The one exception is the title element, which is what is displayed in the browser tab.
{% endhint %}

```markup
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

</body>
</html>
```

Metadata is data about data. It is always contained within the `<head>` element. Data from this section will not be displayed on the page.

A lot of the meta elements are used to assist search engines to find the page and provide information for the search result.

If you search for NY Times on Google, you will see the following result. The text in red is taken from the meta attributes title and description.

![](https://836634774-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeN44h3QMT7WRlkbx4e%2Fsync%2F386562cbd91eae844c6a330cd2c613216014e061.png?generation=1626049185582254\&alt=media)

![](https://836634774-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeN44h3QMT7WRlkbx4e%2Fsync%2F7f7a532a5cce68cd8e6c1faab84a56ab08166726.png?generation=1626049185779883\&alt=media)
