HTML- <head> -Tag
Beispiel
Ein einfaches HTML-Dokument mit einem <title>-Tag im Head-Bereich:
<!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>
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Das <head>
Element ist ein Container für Metadaten (Daten über Daten) und wird zwischen dem <html>-Tag und dem <body>-Tag platziert.
Metadaten sind Daten über das HTML-Dokument. Metadaten werden nicht angezeigt.
Metadaten definieren normalerweise den Dokumenttitel, Zeichensatz, Stile, Skripte und andere Metainformationen.
Die folgenden Elemente können in das <head>
Element eingefügt werden:
Browser-Unterstützung
Element | |||||
---|---|---|---|---|---|
<head> | Yes | Yes | Yes | Yes | Yes |
Globale Attribute
Das <head>
Tag unterstützt auch die globalen Attribute in HTML .
Mehr Beispiele
Beispiel
Das <base> -Tag (gibt eine Standard-URL und ein Ziel für alle Links auf einer Seite an) kommt in <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>
Beispiel
Das <style> -Tag (fügt Stilinformationen zu einer Seite hinzu) kommt in <head>:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A
paragraph.</p>
</body>
</html>
Beispiel
Das <link> -Tag (Links zu einem externen Stylesheet) gehört 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>
Verwandte Seiten
HTML-Tutorial: HTML-Kopf
HTML-DOM-Referenz: Head-Objekt
Standard-CSS-Einstellungen
Die meisten Browser zeigen das <head>
Element mit den folgenden Standardwerten an:
head {
display: none;
}