Ads by ProfitSence
Close

HTML <section> Tag

Last Updated on Sonntag 9. Okt. 2022

html section

Das Abschnittselement hat normalerweise eine Überschrift, die dem Leser sagt, was er in diesem bestimmten Abschnitt und dem Inhalt lesen soll. Das section-Tag unterteilt den Inhalt in Abschnitte und Unterabschnitte.

Der Hauptvorteil des Abschnitts-Tags ist, dass es sich um ein semantisches Element handelt.

In HTML5 können wir einen Abschnitt mit den <section></section> Tags definieren. Wir können so viele Abschnitte auf unserer Dokumentseite haben, wie wir wollen.

html subsection

Syntax

			
					<section>Inhalt des Abschnitts</section>

			
	

Beispiele für Abschnitts-Tags

			
					<section>
  <h1>Abschnitt: Überschrift 1</h1>
  <p>Inhalt des Abschnitts 1</p>
</section>
<section>
  <h1>Abschnitt: Überschrift 2</h1>
  <p>Inhalt des Abschnitts 2</p>
</section>
<section>
  <h1>Abschnitt: Überschrift 3</h1>
  <p>Inhalt des Abschnitts 3</p>
</section>

			
	

html tag section

Front End Frameworks und Bibliotheken

			
					<section>
  <h2>Front End Frameworks und Bibliotheken</h2>
  <ul>
    <li>AngularJS</li>
    <li>React JS</li>
    <li>Vue JS</li>
    <li>Svelte</li>
  </ul>
</section>

			
	

Browser Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die das Element vollständig unterstützt.

Element Chrome Edge Mozilla Safari Opera
<section> 5.0 9.0 4.0 5.0 11.5