Beispiel
Ein HTML - Dokument mit einem <title> Tag in der Kopfteil:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
Versuch es selber " Mehr "Versuchen Sie es selbst" Beispiele unten.
Definition und Verwendung
Der <head> -Element ist ein Container für alle Kopfelemente.
Der <head> Element kann einen Titel für das Dokument enthalten, Skripte, Stile, Meta - Informationen und vieles mehr.
Folgende Elemente können innerhalb des gehen <head> Element:
- <title> (this element is required in an HTML document)
- <style>
- <base>
- <link>
- <meta>
- <script>
- <noscript>
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <head> | ja | ja | ja | ja | ja |
Unterschiede zwischen HTML 4.01 und HTML5
In HTML 4.01 der <head> Element ist nicht erforderlich.
In HTML5, das <head> kann Element entfallen. Der folgende Code wird als HTML5 validieren:
Beispiel
<!DOCTYPE html>
<html>
<title>Title of the document</title>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Versuch es selber " Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| profile | URL | Nicht in HTML5 unterstützt. Gibt eine URL zu einem Dokument, das eine Reihe von Regeln enthält. Die Regeln können von Browsern gelesen werden , um die Informationen deutlich in die verstehen <meta> -Tags Attribut content |
globale Attribute
Der <head> Tag unterstützt auch den Global in HTML - Attribute .
Probieren Sie es selbst - Beispiele
Die Verwendung des <base> -Tag in <head>
So verwenden Sie die <base> -Tag eine Standard - URL und ein Standardziel für alle Links auf einer Seite angeben.
Die Verwendung des <style> -Tag in <head>
Wie Stil Informationen zum hinzufügen <head> Abschnitt.
Die Verwendung des <link> -Tag in <head>
So verwenden Sie die <link> Tag zu einem externen Stylesheet zu verknüpfen.
Verwandte Seiten
HTML - Tutorial: HTML Kopf
HTML - DOM - Referenz: Kopfobjekt
Standard CSS-Einstellungen
Die meisten Browser erscheint auf dem Display <head> mit den folgenden Standardwerte Element:
head {
display: none;
}