Montag, 10. Juni 2013

HTML Struktur - Head-Element

Probieren Sie es selbst - Beispiele

<title> - Definieren Sie einen Titel für ein HTML-Dokument
Verwenden Sie den Tag <title> einen Titel für ein Dokument definieren.
<base> - Standard-URL und Ziel für alle Links
Mit dem <base> tag eine Standard-URL und eine Standard-Ziel für alle Links auf einer Seite angeben.
<meta> - Bereitstellung von Metadaten für ein HTML-Dokument
verwenden <meta> Elemente, um eine Beschreibung, Schlüsselwörter, Autor und Zeichensatz eines Dokuments angeben.

Die HTML-head-Element

Das head-Element ist ein Container für alle Elemente Kopf. Elements innerhalb <head> können Skripte enthalten, weisen Sie den Browser, wo Stylesheets zu finden, stellen Metainformationen und mehr.
<title>, <style>, <meta>, <link>, <script>, <noscript> Und <base>: Die folgenden Tags können in den Kopf Abschnitt hinzugefügt werden.

Das HTML Element <title>

Das <title> Tag definiert den Titel des Dokuments.
Das <title> Element ist in allen HTML / XHTML-Dokumente erforderlich.
Das <title> element:
  • definiert einen Titel in der Symbolleiste des Browsers
  • 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
Eine vereinfachte HTML-Dokument:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>


Das HTML Element <base>

Die <base> Tag gibt die Basis-URL / target für alle relativen URLs auf einer Seite:
<head>
<base href="http://www.w3schools.com/images/" target="_blank">
</head>


Das HTML Element <link>

Die <link> tag definiert die Beziehung zwischen einem Dokument und einer externen Quelle.
Der Tag ist <link> meisten verwendet, um Stylesheets zu verlinken:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>


Das HTML Element <style>

Die <style> Tag dient dazu, Informationen für Stil eines HTML-Dokuments zu definieren.
Innerhalb der <style> Element, das Sie angeben, wie HTML-Elemente sollten in einem Browser machen:
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>


Das HTML Element <meta>

Metadaten sind Daten (Informationen) über Daten.
Der Tag bietet <meta> Metadaten über das HTML-Dokument. Metadaten werden nicht auf der Seite angezeigt werden, wird aber parsable Maschine sein.
Meta-Elemente sind in der Regel verwendet, um Seite Beschreibung, Schlüsselwörter, Autor des Dokuments, zuletzt geändert und andere Metadaten angeben.
Die Metadaten können von Browsern verwendet werden (wie auf den Inhalt oder reload Seite anzuzeigen), Suchmaschinen (Stichworte) oder andere Web-Services.
<meta> Tags geht immer im head-Element.

<meta>-Tags - Anwendungsbeispiele

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 Autor der Seite:
<meta name="author" content="Hege Refsnes">
Aktualisieren dokumentieren alle 30 Sekunden:
<meta http-equiv="refresh" content="30">


Das HTML Element <script>

Die <script> Tag dient dazu, eine Client-seitige Skript, wie eine JavaScript definieren.
Die <script> Element wird in einem späteren Kapitel erläutert.

HTML Kopf Elements

TagDescription
<head>Defines information about the document
<title>Defines the title of a document
<base>Defines a default address or a default target for all links on a page
<link>Defines the relationship between a document and an external resource
<meta>Defines metadata about an HTML document
<script>Defines a client-side script
<style>Defines style information for a document

Keine Kommentare:

Kommentar veröffentlichen