Найти тему
MasteR IT

Html <head>

<head>

Какие настройки страницы скрываются в невидимой голове? Говорим о заголовке страницы, фавиконке, способах подключения стилей и скриптов.

<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> является невидимой частью вашей страницы. По факту это блок, предназначенный для технической информации.

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

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

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