Eine ausführliche Analyse des Unterschieds zwischen Artikel und Abschnitt in HTML5

Ein Inhaltsblock bezieht sich auf eine Einheit, die eine HTML-Seite logisch unterteilt. Bei Seiten-Websites kann jeder Teil wie das Navigationsmenü, der Artikeltext und die Artikelkommentare als Inhaltsblock bezeichnet werden.

Das Artikelelement stellt unabhängigen, vollständigen Inhalt in einem Dokument, einer Seite oder einer Anwendung dar, auf den unabhängig extern verwiesen werden kann. Dabei kann es sich um einen Blog- oder Zeitungsartikel, einen Forumsbeitrag, einen Benutzerkommentar oder ein eigenständiges Plug-in oder einen beliebigen anderen eigenständigen Inhalt handeln. Zusätzlich zum Inhalt verfügt ein Artikelelement normalerweise über einen eigenen Titel (normalerweise in einem Header-Element platziert) und manchmal über eigene Fußnoten.

 <article> <header> <h1>Titel</h1> <p>Veröffentlichungsdatum: <time pubdate=pubdate>2010/10/10</time></p> </header> <p>So verwenden Sie den Artikel </p> <footer> <p><small>Copyright @ yiiyaa.net Alle Rechte vorbehalten</samll></p> </footer> </article>

Hinweis: Artikelelemente können verschachtelt sein und der innere Inhalt muss grundsätzlich mit dem äußeren Inhalt verknüpft werden. Beispielsweise können in einem Blog-Beitrag Kommentare zum Artikel mithilfe von Artikelelementen verschachtelt werden; das Artikelelement, das zur Darstellung der Kommentare verwendet wird, ist in dem Artikelelement enthalten, das den Gesamtinhalt darstellt.

Der verschachtelte Code lautet wie folgt:

 <article> <header> <h1>So verwenden Sie das Artikelelement</h1> <p>Veröffentlichungsdatum: <time pubdate=pubdate>10.10.2010</time></p> </header> <p >Dieses Tag zeigt den Hauptinhalt des gesamten Artikels an und das Abschnittselement darunter enthält die Kommentare zum Artikel</p> <section> <h2>Kommentare</h2> <article> <header> <h3>Veröffentlicht von: maizi</h3> <p><time pubdate datetime=2016-6-14>vor 1 Stunde</time></p> </header> <p>Dieser Artikel ist sehr gut, Give Es gibt einen Daumen hoch! </p> </article> <article> <header> <h3>Veröffentlicht von: Xiaoni</h3> <p><time pubdate datetime=2016-6-14T:21-26:00>vor 1 Stunde</ Zeit></p> </header> <p>Dieser Artikel ist sehr gut, er erklärt den Artikel im Detail</p> </article> </section></article>

Der Beispielinhalt ist in mehrere Teile unterteilt. Der Artikeltitel wird im Header-Element platziert, der Artikeltext wird im p-Element nach dem Header-Element platziert und dann unterscheidet das Abschnittselement den Text von den Kommentaren (es ist ein blockierendes Element). Wird verwendet, um den Inhalt der Seite in Abschnitte zu unterteilen Der Inhalt des Kommentars ist im Kommentar relativ unabhängig und vollständig, sodass für alle ein Artikelelement verwendet werden kann. Der Inhaltsteil kann in Titel und Kommentare unterteilt werden wird jeweils im Header-Element und im P-Element platziert.

1. Das Abschnittselement wird verwendet, um den Inhalt der Seite in der Website oder Anwendung zu unterteilen. Die Funktion des Abschnittselements besteht darin, den Inhalt der Seite in Abschnitte zu unterteilen oder den Artikel in Abschnitte zu unterteilen.

2. Ein Abschnittselement besteht normalerweise aus Inhalt und Titel. Generell wird davon abgeraten, das Abschnittselement für Inhalte zu verwenden, die keine Überschrift haben.

3. Das Abschnittselement ist kein gewöhnliches Containerelement; wenn ein Inhalt direkt gestaltet oder ein Verhalten durch ein Skript definiert werden muss, wird empfohlen, p anstelle des Abschnittselements zu verwenden;

4. Wenn die Elemente „article“, „nav“ und „aside“ alle bestimmte Bedingungen erfüllen, verwenden Sie nicht das Element „section“, um sie zu definieren.

5. Der Inhalt im Abschnittselement kann separat in der Datenbank gespeichert oder in ein Word-Dokument ausgegeben werden.

 <section> <h1>Der </h1> Titel des Abschnittselements <p>Der Thementeil des Abschnittsblocks</p> </section>

In HTML5 können Sie alle untergeordneten Teile der Seite, wie Navigationsleisten, Menüs, Urheberrechtshinweise usw., in eine einheitliche Seite einbinden, sodass sie mithilfe von CSS-Stilen dekoriert werden können. Abschließend werden die Tabus bei der Verwendung des Abschnittselements wie folgt zusammengefasst:

1) Verwenden Sie das Abschnittselement nicht als Seitencontainer für die Gestaltung, das ist die Aufgabe des p-Elements.

2) Wenn das Artikelelement, das Seitenelement oder das Navigationselement besser geeignet sind, verwenden Sie das Abschnittselement nicht.

3) Verwenden Sie das Abschnittselement nicht für Inhaltsblöcke ohne Titel.

Oben wurde schon so viel gesagt, was ist der Unterschied zwischen den beiden? Tatsächlich kann das Artikelelement in HTML5 als eine spezielle Art von Abschnittselement betrachtet werden, das die Unabhängigkeit stärker betont als das Abschnittselement. Das heißt, das Abschnittselement betont die Segmentierung oder Aufteilung, während der Artikel die Unabhängigkeit betont. Insbesondere wenn ein Inhalt relativ unabhängig und vollständig ist, sollten Sie das Artikelelement verwenden. Wenn Sie einen Inhalt jedoch in mehrere Absätze unterteilen möchten, sollten Sie das Abschnittselement verwenden. Darüber hinaus wird in HTML5 das p-Element zu einem Container. Bei der Verwendung von CSS-Stilen kann ein allgemeiner CSS-Stil auf diesen Container angewendet werden.

Das Obige ist der vom Herausgeber eingeführte Unterschied zwischen Artikel und Abschnitt. Ich hoffe, er wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird Ihnen rechtzeitig antworten. Ich möchte mich auch bei allen für die Unterstützung der VeVb-Kampfsport-Website bedanken!