Znacznik HTML <head>
Przykład
Prosty dokument HTML z tagiem <title> w sekcji head:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a
paragraph.</p>
</body>
</html>
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Element <head>
jest kontenerem na metadane (dane o danych) i jest umieszczony pomiędzy tagiem <html> a tagiem <body>.
Metadane to dane dotyczące dokumentu HTML. Metadane nie są wyświetlane.
Metadane zazwyczaj definiują tytuł dokumentu, zestaw znaków, style, skrypty i inne metainformacje.
Do wnętrza <head>
elementu mogą wchodzić następujące elementy:
Obsługa przeglądarki
Element | |||||
---|---|---|---|---|---|
<head> | Yes | Yes | Yes | Yes | Yes |
Atrybuty globalne
Znacznik <head>
obsługuje również atrybuty globalne w HTML .
Więcej przykładów
Przykład
Tag <base> (określa domyślny adres URL i cel dla wszystkich linków na stronie) znajduje się wewnątrz <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.asp">HTML base Tag</a>
</body>
</html>
Przykład
Znacznik <style> (dodaje informacje o stylu do strony) znajduje się wewnątrz <head>:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A
paragraph.</p>
</body>
</html>
Przykład
Znacznik <link> (linki do zewnętrznego arkusza stylów) trafia do <head>:
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>I am formatted with a linked style sheet</h1>
<p>Me too!</p>
</body>
</html>
Powiązane strony
Samouczek HTML: Nagłówek HTML
Odniesienie HTML DOM: Head Object
Domyślne ustawienia CSS
Większość przeglądarek wyświetla <head>
element z następującymi wartościami domyślnymi:
head {
display: none;
}