Тег <meta>

Тег <meta> в HTML предоставляет метаданные о HTML-документе. Метаданные - это информация о данных; это не отображается на странице, но доступна для машин, таких как поисковые роботы. Тег <meta> всегда находится внутри тега <head>. У тега <meta> нет закрывающего тега, и он может содержать какую-либо из следующих атрибутов:

name: Этот атрибут определяет имя метаданных.

content: Этот атрибут определяет значение метаданных, или саму информацию.

charset: Этот атрибут говорит браузеру, какую кодировку содержимого использовать.

http-equiv: Этот атрибут позволяет преобразовывать/заменять метаданные с HTTP-заголовками.

Некоторые из самых часто используемых мета-тегов включают:

Указание кодировки символов:

<meta charset="UTF-8">

Отзывчивый дизайн (Responsive design), который помогает обеспечить корректное отображение страницы на различных устройствах:

<meta name="viewport" content="width=device-width, initial-scale=1">

Метатэги для SEO (Search Engine Optimization):

<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="John Doe">

Контролировать поведение поисковых роботов:

<meta name="robots" content="noindex, nofollow">

В этом примере noindex говорит поисковым машинам не индексировать страницу, а nofollow говорит им не следовать по ссылкам на странице.

Управление переадресацией:

<meta http-equiv="refresh" content="30; URL='http://www.example.com/'">

В этом примере страница будет автоматически перенаправлена на указанный URL через 30 секунд.