HTML5 und Semantic Seitenelemente

HTML5 verstärkt den Begriff der semantisches Markup in Web-Seiten erstellen, was bedeutet, dass die Tags die beschreiben Bedeutung

des Abschnitts im Seitenkontext und nicht, wie die Seite sieht aus.

Wie Browser formatiert den Text in diese Tags reicht von Standard kursiv für den Tag überhaupt keine Formatierung. Verwenden Sie CSS, genau zu bestimmen, wie Sie die Inhalte angezeigt werden soll. Beachten Sie, dass Firefox 3 unterstützt die meisten der semantischen Tags, aber Sie müssen hinzufügen Bildschirmsperre in CSS so daß der Inhalt angezeigt wird, wie erwartet.

Key-Tags enthalten:

  • : Dies gilt Kontaktinformationen für den Autor einer Seite oder einen Abschnitt und soll entweder innerhalb der gesamten Seiteninhalt oder innerhalb eines Abschnitts oder Artikel verwendet werden, um den Autor dieses Abschnitts anzuzeigen. Andere Tags (insbesondere Anker an E-Mail-Adressen oder Seite Links) in der Adresse eingebettet sein. Beispielsweise:

    10475 Crosspoint Blvd
    Indianapolis, IN 46526

    Die meisten Browser zeigen Adressen als kursiv, aber dies ist nicht garantiert. Sie können genau bestimmen, wie der Inhalt der Adresse mit CSS angezeigt.

  • : Ein Artikel ist eine Teilmenge von einer Seite. Verwenden Sie den Tag-Inhalt anzuzeigen, die von einer externen Quelle geliefert wurde, oder ist irgendwie unabhängig von den Hauptseiteninhalte. Typischerweise werden Gegenstände verwendet Abschnitte der Seite zu kennzeichnen, die in irgendeiner Art von Aggregationssystem gebracht werden. Ein Beispiel für den Tag im Einsatz:

    Vonjavascript und AJAX für Dummies

    Jeder einmal in eine Weile, kommt eine Technologie entlang thatthreatens alles zu ändern. AJAX ist ein suchtechnology. In diesem Buch erfahren Sie, was die ganze fussis und warum AJAX ist so eine große Sache.

    Die meisten Artikel enthalten einen Link zur Originalseite, wenn der Artikel von einem Online-Dokument ist. Das Tag keine Daten von einer externen Quelle importiert werden, zeigt dies einfach, dass die Beziehung extern ist.

  • : Dies deutet auf eine Seite Fragment, das zu verwandt ist, aber getrennt von dem Hauptinhalt. Neben Text wird in der Regel als Sidebar formatiert, wie in diesem Code:

  • : Verwendet, um die Fußzeile Inhalt einer Seite darzustellen, die in der Regel Autor Kontaktinformationen enthält (allgemein in einem Tag). -Code für eine Fußzeile kann wie folgt aussehen:

    Dieser Tag soll vor allem die zu ersetzen "Fußzeile"> Idiom häufig in HTML 4 und XHTML verwendet.

  • : In erster Linie verwendet, um einen Seitenkopf angeben, dieser Tag ersetzt das "Kopfzeile"> Idiom häufig in HTML 4 und XHTML verwendet. Beispielcode:

    Das ist mein Kopf

    Der Header enthält in der Regel ein h1 und andere Informationen, die gehört in der visuellen Mastkorb der Seite. Verwechseln Sie nicht das Element (was eine sichtbare Bereich der Seite ist) mit dem Element (die Metadaten enthält der Benutzer nicht sieht). Beachten Sie auch, dass das Element ersetzt nicht die durch die Elemente, aber in der Regel enthält sie.

    Das Element kann auch in einem Abschnitt oder Artikel verwendet werden, dass ein, um anzuzeigen, h1 innerhalb dieses Elements ist ein Niveau-eins für das Element Überschrift, nicht für die Seite. Dies ist nützlich, weil eine Seite sollte nur eine Pegel ein Element aufweisen. Viele Seiten werden von Aggregatoren oder Content-Management-Systeme integriert, so dass jeder Artikel und Abschnitt kann eine Ebene-eins ohne mit der Seite des primären Überschrift widersprüchliche Position haben.

  • : Verwenden Sie diese Option eine Überschrift und eine oder mehrere Unterpositionen in eine Gruppe zu kombinieren. Die normale Position Struktur soll als Umriss für die Seite zu dienen. eine h1 Verwendung mit einer sofortigen h2 als subhead Überschrift stört die Skizzierung Fähigkeiten. Sie können mehrere Positionen in ein setzen hgroup, und nur die erste Position wird durch eine automatische umreißt Werkzeuge betrachtet, wie in der folgenden:

    Die Geschichte der Welt

    (Ohne all die ekligen Sachen)

  • : Mit dem zugehörigen Element, hilft dieser Tag Ihnen verschiedene Arten von Menüsysteme hinzufügen. Beispielsweise:

     

    Der Tag unterstützt eine Art Attribut, das das Menü des Verhalten zeigt:

  • Liste: Die Befehle ähnlich wie eine Liste präsentieren.

  • Kontext: Erwartete wie ein Pop-up-Menü zu handeln, wenn der Benutzer das Recht, ein Element klickt.

  • Symbolleiste: Zeigt die Befehle als Symbolleiste.

Das Menü Element hat eine ganz andere Bedeutung in HTML5, als es in HTML tat 4, wobei es sich um eine Art der Liste war.

  • : Zeigen eines Teils der Seite vorbehaltene Seite Navigation, dieses Tag ersetzt das "nav"> Idiom häufig in HTML 4 und XHTML verwendet. Beispielcode:

  • Link a
  • Link b
  • Link c
  • Link d
  • Link e
  • : Weist auf eine Aufteilung einer Seite oder einer Artikel- Eine Seite kann in zahlreiche Abschnitte unterteilt werden. Es ist beabsichtigt, spezifischer als der Tag derzeit in HTML 4 und XHTML-Markup verwendet werden. Allerdings bieten moderne Browser wenig Unterstützung für den Tag, so dass die oder-Tag macht Sinn, bis Unterstützung Kicks. Beispiel lt;Abschnitt> Code:

  • Abschnitt 1

    § Körper ...

    Menü