Теги внутри 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-библиотеки.