Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lernen Erkundung Semantischer Elemente in HTML | Fortgeschrittenes HTML
HTML-Grundlagen

bookErkundung Semantischer Elemente in HTML

Betrachten wir nun jedes Tag einzeln genauer:

header-Tag

Dies sind typischerweise einleitende Elemente oder eine Gruppe von Links am oberen Rand eines Abschnitts oder einer Webseite, die wichtige Informationen über die Seite bereitstellen und den Nutzern die Navigation zu anderen Bereichen ermöglichen.

Bitte beachten: Dies sollte nicht mit dem head-Tag verwechselt werden, da head und header unterschiedliche Funktionen in HTML haben.

index.html

index.html

copy

nav-Tag

Definiert einen Abschnitt mit Navigationslinks, der für Menüs oder Navigationsleisten verwendet wird. nav wird typischerweise im header-Bereich einer Website platziert.

index.html

index.html

copy

section-Tag

Logische Gliederung des Dokuments durch Überschriften zur Gruppierung zusammengehöriger Inhalte. Dies erleichtert das Verständnis für Leser und verbessert die Sichtbarkeit in Suchmaschinen.

index.html

index.html

copy

article-Tag

Enthält einen in sich geschlossenen Inhaltsbereich wie einen Blogbeitrag, Nachrichtenartikel oder Forenbeitrag. Dieser Inhalt unterstützt Suchmaschinen dabei, den zentralen Inhalt der Webseite zu erkennen und zu priorisieren.

index.html

index.html

copy

footer-Tag

Definiert eine Fußzeile, die typischerweise Urheberrechtsinformationen, Kontaktdaten und Links zu verwandten Inhalten enthält. Sie bildet den Abschluss des darüberliegenden Inhalts und beinhaltet ergänzende Informationen sowie Navigationsmöglichkeiten.

index.html

index.html

copy

1. Was ist der Hauptzweck des <header>-Tags?

2. Welches HTML-Tag wird typischerweise verwendet, um einen Bereich mit Navigationslinks, wie Menüs oder Navigationsleisten, zu definieren?

3. Was ist die Hauptfunktion des <section>-Tags?

4. Wann sollte das <footer>-Tag verwendet werden?

question mark

Was ist der Hauptzweck des <header>-Tags?

Select the correct answer

question mark

Welches HTML-Tag wird typischerweise verwendet, um einen Bereich mit Navigationslinks, wie Menüs oder Navigationsleisten, zu definieren?

Select the correct answer

question mark

Was ist die Hauptfunktion des <section>-Tags?

Select the correct answer

question mark

Wann sollte das <footer>-Tag verwendet werden?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 2

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Suggested prompts:

Can you explain the difference between the `header` and `head` tags in more detail?

Could you provide examples of how each of these tags is used in a real HTML document?

What are some best practices for organizing content with these semantic tags?

Awesome!

Completion rate improved to 3.13

bookErkundung Semantischer Elemente in HTML

Swipe um das Menü anzuzeigen

Betrachten wir nun jedes Tag einzeln genauer:

header-Tag

Dies sind typischerweise einleitende Elemente oder eine Gruppe von Links am oberen Rand eines Abschnitts oder einer Webseite, die wichtige Informationen über die Seite bereitstellen und den Nutzern die Navigation zu anderen Bereichen ermöglichen.

Bitte beachten: Dies sollte nicht mit dem head-Tag verwechselt werden, da head und header unterschiedliche Funktionen in HTML haben.

index.html

index.html

copy

nav-Tag

Definiert einen Abschnitt mit Navigationslinks, der für Menüs oder Navigationsleisten verwendet wird. nav wird typischerweise im header-Bereich einer Website platziert.

index.html

index.html

copy

section-Tag

Logische Gliederung des Dokuments durch Überschriften zur Gruppierung zusammengehöriger Inhalte. Dies erleichtert das Verständnis für Leser und verbessert die Sichtbarkeit in Suchmaschinen.

index.html

index.html

copy

article-Tag

Enthält einen in sich geschlossenen Inhaltsbereich wie einen Blogbeitrag, Nachrichtenartikel oder Forenbeitrag. Dieser Inhalt unterstützt Suchmaschinen dabei, den zentralen Inhalt der Webseite zu erkennen und zu priorisieren.

index.html

index.html

copy

footer-Tag

Definiert eine Fußzeile, die typischerweise Urheberrechtsinformationen, Kontaktdaten und Links zu verwandten Inhalten enthält. Sie bildet den Abschluss des darüberliegenden Inhalts und beinhaltet ergänzende Informationen sowie Navigationsmöglichkeiten.

index.html

index.html

copy

1. Was ist der Hauptzweck des <header>-Tags?

2. Welches HTML-Tag wird typischerweise verwendet, um einen Bereich mit Navigationslinks, wie Menüs oder Navigationsleisten, zu definieren?

3. Was ist die Hauptfunktion des <section>-Tags?

4. Wann sollte das <footer>-Tag verwendet werden?

question mark

Was ist der Hauptzweck des <header>-Tags?

Select the correct answer

question mark

Welches HTML-Tag wird typischerweise verwendet, um einen Bereich mit Navigationslinks, wie Menüs oder Navigationsleisten, zu definieren?

Select the correct answer

question mark

Was ist die Hauptfunktion des <section>-Tags?

Select the correct answer

question mark

Wann sollte das <footer>-Tag verwendet werden?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 2
some-alt