HTML Тег <head>
Приклад
Простий HTML-документ із тегом <title> всередині головного розділу:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Назва документу</title>
</head>
<body>
<h1>Це заголовок</h1>
<p>Це параграф.</p>
</body>
</html>
Спробуйте самі »
Більше прикладів "Спробуйте самі" далі.
Визначення та використання
Елемент <head> є контейнером для метаданих (даних про дані) і розміщується між тегом <html> та тегом <body>.
Метадані – це дані про документ HTML. Метадані не відображаються.
Метадані зазвичай визначають назву документа, набір символів, стилі, скрипти та іншу метаінформацію.
Наведені нижче елементи можуть входити в елемент <head>:
Підтримка браузерами
| Елемент | |||||
|---|---|---|---|---|---|
| <head> | Так | Так | Так | Так | Так |
Глобальні атрибути
Тег <head> також підтримує Глобальні атрибути в HTML.
Більше прикладів
Приклад
Тег <base> (вказує URL-адресу за замовчуванням і ціль для всіх посилань на сторінці) входить всередину <head>:
<html>
<head>
<base href="https://www.w3schools.com/" target="_blank">
</head>
<body>
<img src="images/stickman.gif" width="24" height="39" alt="Stickman">
<a href="tags/tag_base.html">HTML base Tag</a>
</body>
</html>
Спробуйте самі »
Приклад
Тег <style> (додає інформацію про стиль до сторінки) входить всередину <head>:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>Це заголовок</h1>
<p>Це параграф.</p>
</body>
</html>
Спробуйте самі »
Приклад
Тег <link> (посилання на зовнішню таблицю стилів) міститься всередині <head>:
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>Я відформатований за допомогою пов’язаної таблиці стилів</h1>
<p>Я також!</p>
</body>
</html>
Спробуйте самі »
Пов’язані сторінки
HTML підручник: HTML Head
HTML DOM довідник: Об’єкт Head
CSS налаштування за замовчуванням
Більшість браузерів будуть відображати елемент <head> з наступними значеннями за замовчуванням:
head {
display: none;
}
