skip to main content

<head>

html

Кратко 🔗

Элемент <head> содержит основную информацию о документе: метадату, которая включает название, ссылки на скрипты и таблицы стилей.

Эта информация не отображается на странице браузера. Пользователи увидят только заголовок окна страницы — его задаёт тег <title>, ну и фавикон, если вы его поставите.

Пример 🔗

<html>
<head>
<title>Заголовок страницы</title>
</head>
</html>

Как пишется 🔗

Кроме <title>, внутри контейнера <head> можно разместить и другие элементы: <base>, <link>, <meta>, <script>, <style>. Вот пример того, как можно поставить фавикон — маленькую иконку в углу вкладки браузера.

<head>
<link rel="shortcut icon" type="image/png" href="/favicon.png" />
</head>

В работе 🔗

Владимир 👨‍🔧

🛠 <head> — это мозги, которые всем управляют. Метаданные и стили, которые прописываются в <head> указывают, как ваша страница ведёт себя в тех или иных случаях.

Алёна,

🛠 head является невидимой частью вашей страницы. По факту, это блок, предназначенный для технической информации.

Единственное, что торчит наружу — заголовок страницы и фавикон.

🛠 Есть ещё мета-теги, нужные для правильного отображения снипета вашего сайта в поисковых системах.

Поскольку этот тег невидим для пользователя, то и применять к нему стили не имеет никакого смысла. Вы просто не увидите никакого результата. Не тратьте своё время 🙂


Автор: Владимир 👨‍🔧