Strukturierungselemente Div & Article

Mit div-Elementen können Sie im HTML, (nicht in Ihrem Leben), Strukturen schaffen.
Folgendes Beispiel schauen wir uns an.

Wir wollen zwei Textblöcke untereinander stellen. Der Erste Block mit einem grauen Hintergrund und der Zweite Block mit einer roten Füllung.

Das gleiche Ergebnis erhalten wir auch, wenn anstatt DIV die ARTICLE-Elemente verwendet werden.

Vorteil: Die Screen Reader können den Quelltext besser interpretieren. Die Semantik wird übersichtlicher und klarer strukturiert.

Nicht nur die Browser machen einen "Luftsprung" und freuen sich, sondern auch die Suchmaschinen behandeln diese Art von Websites bevorzugt.