HTML5-Handbuch - die neuen Features von HTML5
Dokumenttyp enthalten oder eine veraltete HTML-Version deklarieren. Dies hat jedoch in der Praxis dazu geführt, dass der Internet Explorer 8 viele der bekanntesten Websites nicht so darstellt, wie sie gedacht sind, unter anderem die hauseigene Homepage microsoft.com , aber auch google.com oder yahoo.com . Zu diesem Zweck hat Microsoft eine intern verwendete »Blacklist« mit Domains eingeführt, die besser im IE7-kompatiblen Standards-Modus ausgeführt werden als im Standards-Modus des IE8. Diese Blacklist wird von Microsoft gepflegt und enhält mehrere tausend Einträge. Die 8er-Version des Browsers berücksichtigt diese Liste beim Darstellen von Websites.
Falls ein HTML-Dokument eine IE8-typische Meta-Angabe enthält, überschreibt diese Angabe übrigens die Einstellung, die Anwender via Menü wählen können.
3 Dokument-Kopfdaten
• Was in HTML zwischen und notiert werden kann
• Was es mit Metadaten, logischen Beziehungen einer Seite und Adressbasis-Angaben auf sich hat
3.1 Elemente für Kopfdaten
Folgende Daten können Sie im Kopfbereich eines HTML5-Dokuments notieren:
• den Titel des HTML-Dokuments bzw. der angezeigten Webseite
• Meta-Angaben für wichtige Angaben, z. B. zu der im Dokument verwendeten Zeichenkodierung oder auch für bibliografisch relevante Daten
• logische Beziehungen und Verknüpfungen mit anderen Ressourcen, etwa mit externen Stylesheets, oder auch mit anderssprachigen Versionen der gleichen Webseite, oder mit Pingservern
• Bereiche für dokumentweite Stylesheet-Definitionen
• Bereiche für JavaScript oder vergleichbare Scriptsprachen
• Basis-URLs für relative Referenzen im Dokument sowie Default-Zielfenster für Hyperlinks
3.1.1 Titel eines HTML-Dokuments
Jedes HTML-Dokument sollte einen Titel erhalten. Das ist aus folgenden Gründen besonders wichtig:
• Der Titel wird bei der Anzeige im Web-Browser in der Titelzeile des Anzeigefensters oder in Browser-Tabs angezeigt.
• Der Titel wird vom Web-Browser beim Setzen von Lesezeichen (Bookmarks, Favoriten) verwendet.
• Der Titel wird im Web-Browser in der Liste der bereits besuchten Seiten angezeigt.
• Der Titel hat bei Suchmaschinen im Web höchste Relevanz.
• Wenn die Webseite zu den Suchtreffern einer Suche gehört, bieten die meisten Suchmaschinen den Titel der Datei als anklickbaren Verweis an.
Bild 3.1: Titel des Dokuments in Browser-Tabs und im Lesezeichen-Dialog
Beispiel
Ausblick vom Hamburger Michel
Erläuterung
Der Titel wird durch
…
markiert. Auf jeder Webseite, also in jedem HTML-Dokument, muss der Titel innerhalb des Dokument-Kopfbereichs, also innerhalb von
…
, notiert werden. Dort darf er genau einmal vorkommen. Zwischen
und
sind keine weiteren HTML-Elemente erlaubt.
Weitere Hinweise
Im Hinblick auf Suchmaschinenoptimierung (SEO) ist es empfehlenswert, für jede Webseite einen eigenen, aussagekräftigen Titel zu vergeben. Titel sollten jedoch keine Sätze enthalten. Zu lange Titel stören bei der Anzeige und können sich bei der Indizierung durch Suchmaschinen sogar negativ auswirken. Wichtig ist, dass im Titel die entscheidenden Schlüsselwörter des Seiteninhalts vorkommen.
Referenzinformationen
Elementreferenz
:
3.1.2 Meta-Angaben
In Meta-Angaben können Sie verschiedene nützliche Anweisungen für Webserver, Browser und Suchmaschinen-Programme notieren. Meta-Angaben können Angaben zum Autor und zum Inhalt der Webseite enthalten. Sie können aber auch HTTP-Kommandos absetzen, zum Beispiel zum automatischen Weiterleiten des Web-Browsers zu einer anderen Adresse.
Grundsätzlicher Aufbau
Für jede Meta-Angabe notieren Sie ein Meta-Tag im Bereich zwischen
und
. Sie können so viele Meta-Tags notieren, wie Sie wollen.
Beispiel
Erläuterung
Eine Meta-Angabe steht in einem Standalone-Tag namens
.
Ein gewöhnliches Meta-Tag hat zwei Attribute. Das eine Attribut lautet entweder
name
oder
http-equiv
, und das andere lautet
content
. Ein Sonderfall ist die erste Angabe, nämlich diejenige zur Zeichenkodierung.
1. Typ: Zeichenkodierung
Einen
Weitere Kostenlose Bücher