Das HTML <head> Element
Die <head> Element ist ein Container für Metadaten (Daten über Daten).
HTML-Metadaten sind Daten über das HTML-Dokument. Metadaten werden nicht angezeigt.
Metadaten definiert typischerweise Dokumenttitel, Stile, Links, Skripte und andere Meta-Informationen.
Die folgenden Tags beschreiben Metadaten: <title>, <style>, <meta>, <link>, <script>, and <base> .
Das Weglassen <html> und <body> ?
Im HTML5 - Standard, den <html> -Tag, das <body> -Tag und der <head> Tag können weggelassen werden.
Der folgende Code wird als HTML5 validieren:
Beispiel
<!DOCTYPE html>
<title>Page Title</title>
<h1>This is a heading</h1>
<p>This is a paragraph.</p> Versuch es selber " w3ii empfiehlt nicht Weglassen der <html> und <body> Tags.
Das <html> Element ist das Dokument Wurzel. Es ist der empfohlene Ort für die Angabe der Seite der Sprache aus:
<!DOCTYPE html>
<html lang="en-US">Sprache Deklarieren ist für barrierefreie Anwendungen (Screen-Reader) und Suchmaschinen wichtig.
Das Weglassen <html> und <body> kann abstürzen schlecht geschriebene DOM/XML - Software.
Schließlich Weglassen <body> können Fehler bei älteren Browsern erzeugen (IE9) .
Das Weglassen <head>
Im HTML5 - Standard, der <head> -Tag auch weggelassen werden kann.
Standardmäßig werden alle Elemente Browser vor fügen <body> , auf einen Standard <head> Element.
Sie können die Komplexität von HTML reduzieren, durch Weglassen des <head> tag:
Beispiel
<!DOCTYPE html>
<html>
<title>Page Title</title>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html> Versuch es selber " Das Weglassen Tags ist ungewohnt für Web-Entwickler. Es braucht Zeit, als Richtlinie festgelegt werden.
Das HTML <title> Element
Der <title> Element definiert den Titel des Dokuments.
Das <title> Element wird in allen HTML / XHTML - Dokumenten erforderlich.
Das <title> Element:
- definiert einen Titel in dem Browser-Tab
- bietet einen Titel für die Seite, wenn es zu den Favoriten hinzugefügt wird
- zeigt einen Titel für die Seite in Suchmaschinen-Ergebnissen
Ein vereinfachtes HTML-Dokument:
Beispiel
<!DOCTYPE html>
<html>
<title>Page Title</title>
<body>
The content of the document......
</body>
</html> Versuch es selber " Das HTML - Code <style> Element
Das <style> Element wird verwendet , Stilinformationen für ein HTML - Dokument zu definieren.
Innerhalb des <style> Element angeben , wie Sie HTML - Elemente in einem Browser machen sollten:
Das HTML <link> Element
Die <link> Element definiert die Seite Beziehung zu einer externen Quelle.
Die <link> Element wird am häufigsten verwendet , um Stylesheets zu verlinken:
Die HTML <meta> Element
Das <meta> Element wird verwendet , um Seite Beschreibung, Schlüsselwörter, Autor und andere Metadaten angeben.
Metadaten werden von Browsern verwendet (how to display content) , die von Suchmaschinen (keywords) und andere Web - Services.
Definieren Sie Keywords für Suchmaschinen:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">Definieren Sie eine Beschreibung Ihrer Webseite:
<meta name="description" content="Free Web tutorials on HTML and CSS">Definieren Sie den verwendeten Zeichensatz:
<meta charset="UTF-8">Definieren Sie den Autor einer Seite:
<meta name="author" content="Hege Refsnes">Aktualisieren Dokument alle 30 Sekunden:
<meta http-equiv="refresh" content="30">Beispiel für <meta> Tags:
Beispiel
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
<meta charset="UTF-8"> Versuch es selber " Das HTML <script> Element
Das <script> Element wird verwendet clientseitige JavaScripts zu definieren.
Das Skript unten schreibt Hallo JavaScript! in ein HTML - Element mit id="demo" :
Beispiel
<script>
function myFunction {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script> Versuch es selber " Um alles über JavaScript zu erfahren, besuchen Sie unsere JavaScript Tutorial !
Das HTML <base> Element
Die <base> -Element gibt die Basis - URL und Basisziel für alle relativen URLs auf einer Seite:
Elemente HTML-Kopf
| Etikett | Beschreibung |
|---|---|
| <head> | Definiert Informationen über das Dokument |
| <title> | Definiert den Titel eines Dokuments |
| <base> | Definiert eine Standardadresse oder ein Standardziel für alle Links auf einer Seite |
| <link> | Definiert die Beziehung zwischen einem Dokument und einer externen Ressource |
| <meta> | Definiert Metadaten über ein HTML-Dokument |
| <script> | Definiert eine clientseitige Skript |
| <style> | Definiert Stilinformationen für ein Dokument |