HTML tag <head>
Příklad
Jednoduchý HTML dokument se značkou <title> uvnitř sekce 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>
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Prvek <head>
je kontejner pro metadata (data o datech) a je umístěn mezi tagem <html> a tagem <body>.
Metadata jsou data o dokumentu HTML. Metadata se nezobrazují.
Metadata obvykle definují název dokumentu, znakovou sadu, styly, skripty a další meta informace.
Do prvku mohou vstoupit následující prvky <head>
:
- <title> (vyžadováno v každém dokumentu HTML)
- <styl>
- <základna>
- <odkaz>
- <meta>
- <script>
- <noscript>
Podpora prohlížeče
Element | |||||
---|---|---|---|---|---|
<head> | Yes | Yes | Yes | Yes | Yes |
Globální atributy
Značka <head>
také podporuje globální atributy v HTML .
Další příklady
Příklad
Značka <base> (určuje výchozí adresu URL a cíl pro všechny odkazy na stránce) se nachází uvnitř značky <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>
Příklad
Značka <style> (přidává na stránku informace o stylu) se nachází uvnitř <head>:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A
paragraph.</p>
</body>
</html>
Příklad
Značka <link> (odkazy na externí šablonu stylů) se nachází uvnitř <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>
Související stránky
HTML tutoriál: HTML Head
HTML DOM reference: Head Object
Výchozí nastavení CSS
Většina prohlížečů zobrazí <head>
prvek s následujícími výchozími hodnotami:
head {
display: none;
}