Was ist der Unterschied zwischen <section> y <div> sur HTML ?
Definieren wir nicht in beiden Fällen Abschnitte?
Achten Sie darauf, dass Sie die Abschnitt Tag als Ersatz für ein div Element. A Abschnitt Tag sollte eine signifikante Region im Kontext der Körper . Semantisch gesehen ermutigt uns HTML5, unser Dokument wie folgt zu definieren:
<html>
<head></head>
<body>
<header></header>
<section>
<h1></h1>
<div>
<span></span>
</div>
<div></div>
</section>
<footer></footer>
</body>
</html>Diese Strategie ermöglicht es Web-Robotern und automatischen Bildschirmlesern, den Fluss Ihrer Inhalte besser zu verstehen. Diese Markierung legt eindeutig fest, wo Ihre wichtigsten Seiteninhalte enthalten sind. Natürlich sind Kopf- und Fußzeilen oft auf Hunderten, wenn nicht Tausenden von Seiten innerhalb einer Website zu finden. Die Abschnitt Tag sollte begrenzt werden, um zu erklären, wo der einzigartige Inhalt enthalten ist. Innerhalb der Abschnitt Tag, dann sollten wir den Inhalt weiterhin mit HTML-Tags auszeichnen und kontrollieren, die in der Hierarchie tiefer stehen, wie h1 , div , span , usw.
Auf den meisten einfachen Seiten sollte es nur eine einzige Abschnitt Tag, nicht mehrere. Bitte beachten Sie auch, dass es andere interessante HTML5-Tags gibt, die ähnlich sind wie Abschnitt . Erwägen Sie die Verwendung artículo , Zusammenfassung , beiseite und andere in Ihrem Dokumentenfluss. Wie Sie sehen, verbessern diese Tags unsere Fähigkeit, die wichtigsten Bereiche des HTML-Dokuments zu definieren.
"Auf den meisten einfachen Seiten sollte es nur einen einzigen Abschnitt geben". Können Sie ein nicht einfaches Beispiel nennen, bei dem Sie mehrere Abschnitts-Tags auf einer einzigen Seite verwenden möchten?
<div> -der allgemeine Durchflussbehälter, den wir alle kennen und lieben. Es handelt sich um ein Element auf Blockebene ohne zusätzliche semantische Bedeutung (W3C:Markup, WhatWG).
<section> -ein allgemeines Dokument oder einen Anwendungsabschnitt. Ein Abschnitt hat normalerweise eine Überschrift (Titel) und vielleicht auch eine Fußzeile. Es handelt sich um einen Abschnitt mit zusammenhängendem Inhalt, z. B. einen Unterabschnitt eines langen Artikels, einen Hauptteil der Seite (z. B. den Nachrichtenbereich auf der Homepage) oder eine Seite in der Registerkartenoberfläche einer Webanwendung. (W3C:Markup, WhatWG)
Mein Vorschlag: div: verwendet niedrigere Version (ich denke 4.01 noch) html-Element (viele Designer behandelt, dass). Abschnitt: vor kurzem kommen (html5) html-Element.
Der section-Tag bietet eine semantischere Syntax für HTML. div ist ein allgemeiner Tag für einen Abschnitt. Wenn Sie das section-Tag für geeignete Inhalte verwenden, kann es auch für die Suchmaschinenoptimierung genutzt werden. Das section-Tag erleichtert auch das Parsen von HTML. http://blog.whatwg.org/is-not-just-a-semantic
<section></section>
Das HTML
<section>Element stellt einen generischen Abschnitt eines Dokumentes, d.h. eine thematische Gruppierung von Inhalten, typischerweise mit einer Überschrift. Jedes<section>sollten identifiziert werden, typischerweise durch Angabe eine Überschrift (<h1>-<h6>Element) als ein Kind des<section>Element. Für Details bitte folgenden Link beachten.
Referenzen:
<div></div>
Das HTML
<div>Element (oder HTML Document Division Element) ist das generischer Container für Flow-Inhalte, der von Natur aus nichts etwas repräsentiert. Es kann verwendet werden, um Elemente für Stylingzwecke zu gruppieren gruppiert werden (mit den Attributen class oder id), oder weil sie gemeinsame Attributwerte teilen, wie z.B. lang. Es sollte nur verwendet werden, wenn kein anderes semantisches Element (wie z.B.<article>ou<nav>) angemessen ist.
Referenzen: - http://www.w3schools.com/tags/tag_div.asp - https://developer.mozilla.org/en/docs/Web/HTML/Element/div
Hier finden Sie einige Links, die mehr über die Unterschiede zwischen ihnen aussagen:
CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.
2 Stimmen
Siehe auch: Verwendung von Abschnittselementen für stilistisches Layout und Umbrüche