Тег <head> используется для подключения файлов и метаданных в HTML5. Понимание его функций важно для создания полноценных веб-страниц.
Основные функции тега <head>
Тег <head> содержит метаинформацию о веб-странице, не отображающуюся непосредственно пользователю, но важную для браузера и поисковых систем. Он используется для подключения внешних файлов стилей (CSS) и скриптов (JavaScript), а также для задания метатегов, описывающих содержание страницы. В нём объявляются заголовок страницы и метаданные.
Заголовок страницы (<title>)
Тег <title> задаёт заголовок страницы, отображающийся на вкладке браузера и в результатах поиска. Например, <title>Дом 2</title> отобразит «Дом 2» в заголовке страницы.
Метатеги
Метатеги предоставляют информацию о странице для браузеров и поисковых систем. Рассмотрим несколько важных метатегов:
- <meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″>: Указывает кодировку страницы (UTF-8 — стандартная кодировка для веб-страниц).
- <meta name=»description» content=»…»>: Описание страницы, используемое поисковыми системами и иногда отображаемое в результатах поиска. Рекомендуемая длина — от 100 до 200 символов. Например: <meta name=»description» content=»Тестовый сайт. Проверка.»>
- <meta name=»keywords» content=»…»>: Ключевые слова, описывающие содержание страницы. Хотя их влияние на ранжирование в поисковой выдаче уменьшилось, они всё ещё могут быть полезны. Например: <meta name=»keywords» content=»тестовый, сайт, проверка»>.
Подключение внешних файлов
Тег <head> используется для подключения внешних файлов стилей и скриптов.
Подключение стилей (<link>)
Тег <link> подключает внешние таблицы стилей (CSS). Атрибут href указывает путь к файлу CSS, а rel="stylesheet" и type="text/css" — тип файла. Например:
<link rel="stylesheet" type="text/css" href="css/main.css">Этот пример подключает файл main.css из папки css.
Подключение скриптов (<script>)
Тег <script> подключает внешние файлы JavaScript. Атрибут src указывает путь к файлу JavaScript. Например:
<script src="js/jquery.min.js"></script>Этот пример подключает библиотеку jQuery из папки js.
Тег <head> играет ключевую роль в организации веб-страницы, позволяя управлять метаданными и подключать внешние ресурсы. Хотя на начальном этапе некоторые его функции могут показаться сложными, с практическим опытом их назначение станет понятным и необходимым для создания качественных веб-сайтов.