HTML-Tag <section>

❮ Vorige Nächste ❯

HTML Tag <section> wurde in HTML5 vor kurzem eingeführt. Es wird für die Gruppierung von logisch verbunden Inhalten und Erstellung von Abteilungen der Seite (Nachrichtenblock, Kontaktinformation usw.) verwendet. Das Tag <section> wird häufig bei der Erstellung von “Landing-Page”, für die Unterteilung der Seite in den logischen Blöcken verwendet.

Das Tag <section> wird im Tag <article> platziert und teilt sein Inhalt unter logische Blöcke. Dabei ist es notwendig, dass die Tags <article> und <section> die Kopfzeilen <h1>-<h6> enthalten. Es wird auch die Nutzung des Titels <h2> in jeder Abteilung, die vom Tag <section> bestimmt wird, zugelassen.

Das Tag <section> wird als universeller Container für die Erstellung der Struktur der Seite nicht verwendet. Für diesen Zweck wird das Tag <div> verwendet.

Syntax

Der Inhalt des Tages wird zwischen den Start- (<section>) und Endtags (</section>) eingeschlossen. Das Endtag ist obligatorisch.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Gebrauch des Tages section</title>
  </head>
  <body>
    <section>
      <h2>Hypertext-Auszeichnungssprache HTML</h2>
      <p>Die standardisierte Auszeichnungssprache der Dokumente im Netz. Die Sprache HTML wird von den Browsern interpretiert; der infolge der Interpretation bekommene  formatierte Text wird am Bildschirm des Computers oder des mobilen Geräts dargestellt.</p>
    </section>
    <section>
      <h2>CSS</h2>
      <p>Die formale Sprache wird für die Beschreibung, die Erledigung des Aussehens der Webseiten, die mithilfe der Auszeichnungssprache HTML und XHTML geschrieben sind, verwendet. Es kann auch zu beliebigen XML-Dokumenten, zum Beispiel, zu SVG oder XUL auch verwendet werden.</p>
    </section>
  </body>
</html>