Ich lerne kürzlich HTML5 und fühle mich etwas unwohl, weil sich einige Tags geändert haben, insbesondere die drei Tags div und section Article. Ich habe versucht, HTML5 und CSS3 zum Layouten der Webseite zu verwenden Ich habe eine kleine Idee, und unten ist eine einfache Webseite, die ich gerade als Referenz erstellt habe. Schauen Sie sich sie zuerst an und machen Sie sich zumindest eine Vorstellung von der Struktur von HTML5.
div
HTML-Spezifikation: „Das div-Element hat überhaupt keine besondere Bedeutung.“
Dieses Tag sehen und verwenden wir größtenteils ein Etikett. Es hat an sich keine Semantik und wird als Aufhänger für Layout und Stil oder Skripterstellung verwendet.
Abschnitt
HTML-Spezifikation: „Das Abschnittselement stellt einen allgemeinen Abschnitt eines Dokuments oder einer Anwendung dar. Ein Abschnitt ist in diesem Zusammenhang eine thematische Gruppierung von Inhalten, typischerweise mit einem Überschrift.“
Im Gegensatz zur Semantik von div ist section einfach ausgedrückt ein div mit Semantik, aber ich glaube nicht, dass es wirklich so einfach ist. Ein Abschnitt stellt einen aktuellen Inhalt dar, normalerweise mit einem Titel. Wenn wir das sehen, denken wir vielleicht, dass ein Blog-Beitrag oder ein separater Kommentar nur den Abschnitt verwenden kann? Lesen Sie weiter:
„Autoren werden ermutigt, das Artikelelement anstelle des Abschnittselements zu verwenden, wenn es sinnvoll wäre, den Inhalt des Elements zu syndizieren.“ Wenn relevant, sollte der Artikel anstelle des Abschnitts verwendet werden.
Wann sollte der Abschnitt verwendet werden? Dann schauen Sie sich Folgendes an: „Beispiele für Abschnitte wären Kapitel, die verschiedenen Registerseiten in einem Registerdialogfeld oder die nummerierten Abschnitte einer Website, die für eine Einleitung in Abschnitte unterteilt werden könnten.“ Nachrichten und Kontaktinformationen.“
Typische Anwendungsszenarien umfassen Kapitel von Artikeln, Registerkarten in Tag-Dialogfeldern oder nummerierte Abschnitte in Artikeln. Die Homepage einer Website kann in Abschnitte wie Einführung, Neuigkeiten und Kontaktinformationen unterteilt werden. Tatsächlich bin ich sehr an den hier vermittelten Informationen interessiert, da ich der Meinung bin, dass der unten vorgestellte Abschnitt und der Artikel besser für modulare Anwendungen geeignet sind. Dieses Thema wird in Zukunft in einem speziellen Artikel behandelt, daher werde ich es hier überspringen zur Zeit.
Beachten Sie, dass das W3C außerdem warnt:
„Das Abschnittselement ist kein generisches Containerelement, wenn es zu Gestaltungszwecken oder zur Erleichterung der Skripterstellung benötigt wird stattdessen das div-Element. Als allgemeine Regel gilt, dass das Abschnittselement nur dann geeignet ist, wenn der Inhalt des Elements explizit in der Gliederung des Dokuments aufgeführt wird. Wenn ein Tag nur zur Gestaltung oder zur Erleichterung der Skripterstellung dient, sollte div verwendet werden. Im Allgemeinen ist ein Abschnitt geeignet, wenn der Inhalt des Elements explizit in der Dokumentgliederung erscheint.
Artikel
HTML-Spezifikation: „Das Artikelelement stellt eine eigenständige Komposition in einem Dokument, einer Seite, einer Anwendung oder einer Website dar und ist im Prinzip unabhängig verteilbar oder wiederverwendbar.“ , z. B. bei der Syndizierung.“
Artikel ist ein spezieller Abschnitts-Tag, der eine klarere Semantik als Abschnitt hat und einen unabhängigen und vollständigen Block verwandter Inhalte darstellt. Im Allgemeinen verfügt ein Artikel über einen Titelabschnitt (normalerweise in der Kopfzeile enthalten) und manchmal auch über eine Fußzeile. Obwohl es sich bei einem Abschnitt auch um einen thematischen Inhalt handelt, ist der Artikel selbst hinsichtlich seiner Struktur und seines Inhalts unabhängig und vollständig.
Die HTML-Spezifikation listet dann einige anwendbare Szenarien für den Artikel auf. „Dies kann ein Forumsbeitrag, ein Zeitschriften- oder Zeitungsartikel, ein Blogeintrag, ein vom Benutzer eingereichter Kommentar, ein interaktives Widget oder Gadget oder ein anderer unabhängiger Inhalt sein.“
Wenn der Artikel eingebettet ist Artikel Grundsätzlich steht der Inhalt des inneren Artikels im Zusammenhang mit dem Inhalt des äußeren Artikels. Beispielsweise sollte in einem Blog-Beitrag der Artikel, der vom Benutzer eingereichte Kommentare enthält, innerhalb des enthaltenden Blog-Beitrags-Artikels ausgeblendet werden.
Die Frage ist, was als „vollständig unabhängiger Inhalt“ gilt. Eine der einfachsten Möglichkeiten, dies festzustellen, besteht darin, zu prüfen, ob der Inhalt im RSS-Feed vollständig ist. Prüfen Sie, ob der Inhalt ohne seinen Kontext vollständig und unabhängig ist.
Beispiel:
HTML-Seite:
Code kopieren
