Was ist der Unterschied zwischen <section> y <div> sur HTML ?
Definieren wir nicht in beiden Fällen Abschnitte?
Viele Websites enthalten HTML-Code wie: <div id="nav"> <div class="header"> <div id="footer"> um Navigation, Kopf- und Fußzeile anzugeben. Also <div> wurde verwendet, um verschiedene Teile einer Webseite in html4 zu definieren, aber <div> bedeutet nichts Bestimmtes, deshalb hat html5 viele semantische Elemente eingeführt <section> ist eine von ihnen, die Screenreadern, Suchmaschinen und Browsern usw. genügend Informationen liefert, um die verschiedenen Teile von Websites zu identifizieren.
der Hauptunterschied besteht darin, dass Sie nur <div> um Website-Teile zu definieren. Das ist weniger lesbar.
Wenn Sie semantische Elemente anstelle von div-Tags verwenden, können sie dazu beitragen, die Lesbarkeit Ihrer Website nicht nur für Menschen, sondern auch für andere Programme (Screenreader, Suchmaschinen usw.) zu verbessern. <div> innerhalb semantischer Elemente als Container.
Hier ist ein Tipp, wie ich einige aktuelle html5-Elemente im Falle einer Webanwendung unterscheide (rein subjektiv).
<section> markiert ein Widget in einer grafischen Benutzeroberfläche, während <div> ist der Container für die Komponenten eines Widgets, z. B. ein Container mit einer Schaltfläche, einem Etikett usw.
<article> gruppiert Widgets, die einen gemeinsamen Zweck erfüllen.
<header> ist Titel und Menüleiste.
<footer> ist die Statusleiste.
Das ist so falsch, dass ich gar nicht weiß, wo ich anfangen soll. Sie weisen Elementen eine visuelle Bedeutung zu, die keine visuelle Bedeutung haben und zu 100 % semantisch sind. Wenn Sie <section><article><header> und <footer> in Ihrem Kommentar durch <div> ersetzen würden, hätten Sie recht.
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