0 Fähigkeitspunkte
0 Neuro-Netz Punkte
0 Web-Creator Punkte
0 Daten-Detektiv Punkte

Inhalte

1.22 Head und Body

Metadaten
Requested file could not be found (error code 404). Verify the file URL specified in the shortcode.

Alles was wir jetzt für unsere Webseite erstellt haben, wird im Browser angezeigt. Dieser Teil steht im sogenannten “Body” der HTML-Datei.

Manche Informationen sind nicht direkt auf der Webseite sichtbar. Diese Informationen werden Metadaten genannt. Sie gehören in den “Head” der HTML-Datei. Dazu gehört auch der Titel, der in der oberen Leiste des Browsers angezeigt wird.

Person mit head- und body-Tags

Der “head”-Tag enthält Metadaten wie Dokumententitel, Zeichensatz, Stile, Links, Skripte. Das sind spezifische Informationen über die Webseite, die den Nutzerinnen und Nutzern nicht angezeigt werden. Metadaten liefern Browsern und Suchmaschinen technische Informationen über die Webseite.

Der “head” kann folgenden Elemente enthalten:

  • Das “title”-Tag definiert den Titel einer Webseite (erforderlich). Er kann mit dem “h1”-Tag verwechselt werden, aber sie sind unterschiedlich. Das “h1”-Tag gibt den Titel des Seiteninhalts an, während das “title”-Tag Metadaten sind, die den Titel der gesamten Webseite darstellen.
  • Das “style”-Tag enthält den CSS-Code, der festlegt, wie die HTML-Elemente in einem Browser dargestellt werden sollen.
  • Das “base”-Tag definiert eine absolute (Basis-)URL für alle relativen URLs.
  • Das “link”-Tag definiert die Beziehung zwischen dem aktuellen HTML-Dokument und der Ressource, auf die es verweist, oder enthält einen Link zu einem externen Stylesheet. Es kann zwei Attribute haben: rel=”stylesheet” und href.
  • Das “meta”-Tag liefert zusätzliche Informationen (Metadaten) über das HTML-Dokument. Der “head” einer Seite kann verschiedene Arten von “meta”-Elementen enthalten, die die Attribute name und content enthalten können.
  • Das “script”-Tag enthält ein Skript (in der Regel JavaScript) oder einen Verweis auf eine externe Datei mit Skripten und darf nicht in “head” enthalten sein. Manchmal ist es besser, es am Ende von “body” einzufügen. Das “script”-Element mag leer erscheinen, ist es aber nicht.
  • Das “noscript”-Tag definiert einen alternativen Text, der angezeigt wird, wenn der Browser keine Skripte unterstützt oder die Skripte vom Benutzer deaktiviert wurden.

Quelle und weitere Informationen unter w3docs

Requested file could not be found (error code 404). Verify the file URL specified in the shortcode.

Schau dir auf der Webseite von Bailey an, wo im HTML-Code die – und – Tags zu finden sind. Ergänze deinen HTML-Code ebenfalls mit diesen Tags. Füge im “head”-Tag einen passenden -Tag hinzu.

Inhalte 1.21 Hyperlinks in HTML
Vollständig
Style 1.23 CSS: so wird richtig gestylt!