Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

Gruppierendes Element

Mehrere Elemente werden mit dem div-Element (division) zu sinnvollen Gruppen zusammengefasst:

  1. <div>
  2. <h1>Überschrift erster Ordnung</h1>
  3. <p>Einleitender Textabsatz</p>
  4. <div>
  5. <h2>Überschrift zweiter Ordnung</h2>
  6. <p>Textabsatz</p>
  7. <p>Noch ein Textabsatz</p>
  8. </div>
  9. <div>
  10. <h2>Überschrift zweiter Ordnung</h2>
  11. <p>Textabsatz</p>
  12. <p>Noch ein Textabsatz</p>
  13. </div>
  14. </div>

Dem div-Element kommt große Bedeutung bei der Zusammenfassung von Seitenbereichen zu. Typische Seitenbereiche sind z.B. Kopfbereich mit Seitentitel (h1) und Logo, Navigationsbereich, Inhaltsbereich, Fußbereich.