Über Tags zu HTML5

Wenn in HTML5 arbeiten, werden Sie kennen zu lernen Tags sehr gut. Sie legen alle Inhalte, die Sie Ihren Besuchern alles sehen wollen, die in einem Web-Browser angezeigt werden, in der Körper

Ihrer Web-Seite, zwischen dem Öffnen und Schließen Tags.

Innerhalb der Tags können Sie immer noch alle Tags aus früheren Versionen von HTML verwenden (mit einigen bemerkenswerten Ausnahmen).

Die Jelly Rancher Qualle Website bietet verschiedene Designs für die horizontale und vertikale Ansichten o
Die Jelly Rancher Qualle Website bietet verschiedene Designs für die horizontale und vertikale Ansichten auf dem iPhone und iPad.

In den folgenden Abschnitten, entdecken Sie die wichtigsten neuen Struktur HTML5-Tags, die Sie in den Körper Ihrer Webseiten verwenden können. HTML5 führt neue strukturelle Tags, die auch genannt werden semantische Tags weil sie durch eine bessere Identifizierung jeder Art von Inhalt sie Format mehr Bedeutung zu HTML-Code hinzufügen.

Hier sind die neuen Struktur Tags in HTML5 eingeführt:

  • - Definiert den Header jeder Abschnitt oder Seite. Der Header-Tag ist der ideale Ort für den Namen der Website.

    Hier ist der HTML-Code, der die Header aller internen Seiten im Beispiel Jelly Rancher Website bildet. Hinweis: Dieser Code wird leicht verändert für die Titelseite das größere Bild im Header aufzunehmen.

    Jelly Rancher

    Spezialisiert auf
    Quallen Aquarien

  • - Definiert die Hauptnavigation Links in einer Seite oder Abschnitt. Die wichtigsten Navigations-Links sind in der Regel nur nach dem Header platziert und dann am unteren Rand der Seite wiederholt.

    Innerhalb der Tag, folgen Sie der allgemeinen Konvention der Formatierung unsere Liste der Links mit einer ungeordneten Liste, die unter Verwendung von

  • Tag die gesamte Liste von Links mit in den Tags zu umgeben, und dann jedes Navigationselement mit dem Tag ein separates Listenelement zu machen.
  • index.php"> Startseite
  • aquariums.php"> Auftrags-Gewohnheit Aquarien
  • Mark-Loos.php"> Über Mark Loos
  • contact.php"> Kontakt
  • und - diese Tags Verwenden Sie einen beliebigen Artikel oder eine bestimmte Abschnitt einer Seite zu definieren.

    Im Beispiel Jelly Rancher Website, ist das nächste Element der Hauptbereich der Seite. Für diesen Teil der Seite, können Sie entweder den Tag oder den Tag verwenden. Sie können austauschbar diese beiden Tags verwenden. So können Sie einen Abschnitt mit mehreren Artikeln in ihm haben. Oder Sie können einen Artikel haben, die mehrere Abschnitte aufweist.

    So oder so, stellen Sie sicher, dass, wenn Sie diese Tags verwenden, werden Sie Bereiche der Seite definieren, die zusammen in einer sinnvollen Art und Weise zu gehen. Im Codebeispiel, das folgt, definiert der Tag, um den Inhalt, und der Tag trennt Abschnitte in dem Artikel:

    Dies ist eine Überschrift für den ersten Abschnitt

    Inhalt

    mehr Inhalt ...

    Dies ist eine Überschrift für den zweiten Abschnitt

    Inhalt

    mehr Inhalt ...

  • - Definiert die Fußzeile für jeden Abschnitt oder Seite. Sie können den Tag in einem Abschnitt oder Artikel-Tag verwenden, aber es ist am häufigsten am unteren Ende einer Seite verwendet. Normalerweise hat die Fußzeile eine Menge Rechtstext in ihm.

    Sie wissen, wie wenn Sie eine dieser Kreditkarte bietet in der Mail bekommen sie alles, was kleine Gesetzestext hat? Die semantische Idee hinter dem Tag ist die gleiche. In HTML5, können Sie den kleinen Tag in der Fuß-Container verwenden Juristensprache zu formatieren, wie Copyright-Informationen, so dass es ohne Verminderung ihrer Bedeutung semantisch in kleinen Text anzuzeigen.

  • Sie können in einem Dokument mehr als einmal alle Tags in der vorhergehenden Liste verwenden. Zum Beispiel können Sie ein im Inneren jeweils. So stellen Sie sicher, dass Sie nie eine innerhalb eines anderen setzen.

    Menü