Zum Inhalt springen

Semantic

mark

Typ: inline Selbst-schliessend: Nein mark Definiert hervorgehobenen Text. Beispiel: We use HTML5 to write content on the Web. We use HTML5 to write <mark>content</mark> on the Web.

main

Typ: block Selbst-schliessend: Nein main Definiert den Hauptinhalt einer Webseite. Kann mit einer Seitenleiste angezeigt werden. Beispiel: My blog post Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis. etc. About… 

aside

Typ: block Selbst-schliessend: Nein aside Definiert einen Inhaltsblock, der mit dem Hauptinhalt in Zusammenhang steht. Wird normalerweise als Seitenleiste angezeigt. Beispiel: My blog post Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla… 

figcaption

Typ: block Selbst-schliessend: Nein figcaption Definiert die Beschriftung einer <figure>. Beispiel: The HTML Reference logo <figure> <img src=“/images/html-reference-logo.png“ alt=“HTML Reference logo“> <figcaption>The HTML Reference logo</figcaption> </figure>

footer

Typ: block Selbst-schliessend: Nein footer Definiert die Fußzeile einer Webseite oder eines Abschnitts. Beispiel: HTML Reference – A free reference to all HTML5 elements and attributes <footer> HTML Reference – A free reference to all HTML5… 

nav

Typ: block Selbst-schliessend: Nein nav Definiert einen Abschnitt mit Navigationslinks. Beispiel: Home About Contact <nav> <a href=“/“>Home</a> <a href=“/about“>About</a> <a href=“/contact“>Contact</a> </nav>

figure

Typ: block Selbst-schliessend: Nein figure Definiert ein einzelnes, in sich geschlossenes Element, normalerweise ein Bild. Beispiel: <figure> <img src=“/images/html-reference-logo.png“ alt=“HTML Reference logo“> </figure>

section

Typ: block Selbst-schliessend: Nein section Definiert einen Abschnitt innerhalb einer Webseite. Beispiel: Section title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis. <section> <h2>Section title</h2> <p>Lorem ipsum dolor sit amet,… 

time

Typ: inline Selbst-schliessend: Nein time Definiert eine Zeit auf einer 24h-Uhr. Beispiel: The game starts at 19:00. The game starts at <time datetime=“2017-04-29T19:00″>19:00</time>. datetime Legt die Uhrzeit und das Datum fest. „2017-04-29T19:00“ Der Wert muss ein… 

article

Typ: block Selbst-schliessend: Nein article Definiert einen in sich geschlossenen Inhaltsblock, der in jedem Kontext existieren kann. Er kann seine eigene Kopfzeile, Fußzeile, Abschnitte… haben. Nützlich für eine Liste von Blogbeiträgen. Beispiel: My blog post Lorem… 

header

Typ: block Selbst-schliessend: Nein header Definiert die Kopfzeile einer Webseite oder eines Abschnitts. Beispiel: HTML Reference Home About Contact <header> <h1>HTML Reference</h1> <nav> <a>Home</a> <a>About</a> <a>Contact</a> </nav> </header>