Теги внутри head

Здесь представлен список тегов которые размещаются внутри html тега <head></head>.


Обязательные теги


<meta charset="utf-8"/>
устанавливает кодировку страницы, utf-8 самая предпочтительная.

<title>Название страницы</title>
Появляется в вкладке браузера и используется в поисковых системах как заголовок страницы. До 60 символов

<meta name="description" content="Описание">
Описание содержимого страницы. До 150 символов.

<meta name="keywords" content="Ключи">
Перечень ключевых слов.

Пример:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8"/>
<title>Моя первая страница</title>
<meta name="description" content="Пробный вариант страницы">
<meta name="keywords" content="страница, контент">
</head>
<body>
Контент на странице
</body>
</html>

Дополнительные теги


<meta name="viewport" content="width=device-width, initial-scale=1"/>
Задаёт размер страницы на всю ширину экрана.

<link rel="stylesheet" href="style.css" />
Подключает стили CSS.

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico>
Подключает фавикон (иконку сайта).

<link rel="canonical" href="https://mysite.ru"/>
Канонический адрес страницы.

<style>
Задаёт стиль страницы. Может располагаться внутри тега body.
Пример:
<style>
body {
background: #EFEFEF;
font-size: 14px;
}
</style>

<script>
Выполняет код на javascript или подключает внешние js-библиотеки.


Понравилась страница? Поделитесь ссылкой в социальных сетях. Поддержите проект!