Detaillierte Erläuterung der Unterschiede zwischen Div, Abschnitt und Artikel in HTML5

In diesem Artikel wird hauptsächlich die Details des Unterschieds zwischen Div, Abschnitt und Artikel in HTML5 vorgestellt. Es wird aus W3C zitiert und mit Codebeispielen aufgeführt. Freunde, die es brauchen, können sich darauf beziehen.

Als ich anfing, mit HTML5 in Kontakt zu kommen, war mir mit seinen Tags sehr unangenehm und fühlte mich an einem Punkt sogar ein wenig angewidert. Insbesondere für Div, Abschnitt, Artikel -Tags kann ich wirklich nicht herausfinden, welche Anlässe ich verwenden soll.

HTML -Spezifikation:

Das DIV -Element hat überhaupt keine besondere Bedeutung.

Dieses Tag ist das am häufigsten verwendete Tag, das wir am meisten sehen und verwenden. Es hat selbst keine Semantik und wird als Haken für Layout und Styling oder Skript verwendet.

HTML -Spezifikation: Das Abschnittselement stellt einen generischen Abschnitt eines Dokuments oder einer Anwendung dar. In diesem Zusammenhang ist ein Abschnitt eine thematische Gruppierung von Inhalten, typischerweise mit einer Überschrift.

Im Gegensatz zur Semantik von Div ist einfach Abschnitt ein Div mit Semantik, aber ich glaube nicht, dass es wirklich so einfach ist. Der Abschnitt stellt einen Abschnitt über topische Inhalte dar, normalerweise mit einem Titel. Nachdem wir dies gesehen haben, denken wir vielleicht, dass ein Blog -Beitrag oder ein separater Kommentar nicht zu Recht zuständig sind, einen Abschnitt zu verwenden? Nächster Blick:

Die Autoren werden aufgefordert, das Artikelelement anstelle des Abschnittselements zu verwenden, wenn es sinnvoll ist, den Inhalt des Elements zu syndizieren.

Wenn der Inhalt des Elements aussagekräftiger ist, sollte ein Artikel verwendet werden, um den Abschnitt zu ersetzen.

Wann sollte der Abschnitt verwendet werden? Lassen Sie uns weiterhin sehen:

Beispiele für Abschnitte wären Kapitel, die verschiedenen Registerkarten -Seiten in einem Registerkartendialogfeld oder die nummerierten Abschnitte einer These. Die Startseite einer Website kann in Abschnitte aufgeteilt werden, um Einführung, Nachrichten und Kontaktinformationen zu erhalten.

Typische Szenarien für die Abschnittsanwendung enthalten Kapitel des Artikels, Registerkartenseiten im Dialogfeld Tag -Tag oder nummerierte Teile im Papier. Die Homepage einer Website kann in mehrere Teile unterteilt werden, z. B. Einführung, Nachrichten und Kontaktinformationen. Tatsächlich bin ich sehr daran interessiert, die Informationen hier zu vermitteln, da ich der Meinung bin, dass der Abschnitt und die Artilce nachstehend besser für modulare Anwendungen geeignet sind. Dieses Thema wird in Zukunft diskutiert, und ich werde es vorerst hier überspringen.

Seien Sie sich bewusst, dass W3C auch warnt:

Das Abschnittselement ist kein generisches Containerelement. Wenn ein Element für Stylingzwecke oder als Bequemlichkeit für das Skripten benötigt wird, werden die Autoren ermutigt, stattdessen das DIV -Element zu verwenden. Eine allgemeine Regel ist, dass das Abschnittselement nur dann angemessen ist, wenn der Inhalt des Elements in der Umriss des Dokuments ausdrücklich aufgeführt wäre.

Der Abschnitt ist mehr als nur ein normales Container -Tag. Wenn ein Tag nur zum Styling oder für die Verwendung in Skripten bestimmt ist, sollte DIV verwendet werden. Im Allgemeinen gilt der Abschnitt, wenn der Elementinhalt explizit in der Dokumentrinde angezeigt wird.