HTML <head> -tag
Voorbeeld
Een eenvoudig HTML-document, met een <title>-tag in de kopsectie:
<!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>
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
Het <head>
element is een container voor metadata (data over data) en wordt tussen de <html>-tag en de <body>-tag geplaatst.
Metadata zijn gegevens over het HTML-document. Metagegevens worden niet weergegeven.
Metadata definiëren doorgaans de documenttitel, tekenset, stijlen, scripts en andere meta-informatie.
De volgende elementen kunnen binnen het <head>
element komen:
Browserondersteuning
Element | |||||
---|---|---|---|---|---|
<head> | Yes | Yes | Yes | Yes | Yes |
Algemene kenmerken
De <head>
tag ondersteunt ook de Global Attributes in HTML .
Meer voorbeelden
Voorbeeld
De <base> tag (specificeert een standaard URL en doel voor alle links op een pagina) gaat binnen <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>
Voorbeeld
De <style> -tag (voegt stijlinformatie toe aan een pagina) gaat in <head>:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A
paragraph.</p>
</body>
</html>
Voorbeeld
De <link> tag (links naar een externe stylesheet) komt binnen in <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>
Gerelateerde pagina's
HTML-zelfstudie: HTML-kop
HTML DOM-referentie: Head Object
Standaard CSS-instellingen
De meeste browsers geven het <head>
element weer met de volgende standaardwaarden:
head {
display: none;
}