Erkundung Semantischer Elemente in HTML

Im Folgenden sind die gebräuchlichsten semantischen Elemente und deren Verwendungszwecke aufgeführt.

`header`-Tag

Stellt den oberen Bereich einer Webseite oder eines Abschnitts dar. Enthält in der Regel ein Logo, einen Titel oder Navigationslinks.

Hinweis

Nicht header mit head verwechseln. Sie erfüllen unterschiedliche Zwecke.

index.html

`nav`-Tag

Definiert einen Block für Navigationslinks. Häufig im Kopfbereich platziert.

index.html

`section`-Tag

Fasst zusammengehörige Inhalte in logische Abschnitte. Jeder Abschnitt sollte in der Regel mit einer Überschrift beginnen.

index.html

article-Tag

Stellt einen eigenständigen Inhalt dar, wie beispielsweise einen Blogbeitrag oder Nachrichtenartikel. Hilfreich für Suchmaschinen zur Identifizierung des Hauptinhalts.

index.html

`footer`-Tag

Definiert den unteren Bereich einer Webseite oder eines Abschnitts. Enthält üblicherweise Copyright-Hinweise, Kontaktinformationen oder verwandte Links.

index.html

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

2. Welches HTML-Tag wird typischerweise verwendet, um einen Abschnitt 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?

Was ist der Hauptzweck des <header>-Tags?

Select the correct answer

Bereitstellung wichtiger Informationen über die Seite und Unterstützung der Navigation.

Definition eines Abschnitts mit Navigationslinks.

Bereitstellung ergänzender Informationen und Navigationsoptionen.

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

Select the correct answer

<section>

<footer>

<nav>

Was ist die Hauptfunktion des <section>-Tags?

Select the correct answer

Enthält eigenständige Inhalte wie Blogbeiträge oder Nachrichtenartikel.

Logische Organisation von Inhalten durch Überschriften zur Gruppierung verwandter Inhalte.

Definition von einleitenden Elementen oder einer Gruppe von Links, die am oberen Rand eines Abschnitts oder einer Webseite platziert sind.

Wann sollte das <footer>-Tag verwendet werden?

Select the correct answer

Zur Abrundung des darüberstehenden Inhalts und zur Aufnahme von ergänzenden Informationen sowie Navigationsoptionen.

Zur Definition eines Abschnitts mit Navigationslinks.

Zur Aufnahme eigenständiger Inhaltselemente wie Blogbeiträge, Nachrichtenartikel oder Forenbeiträge.

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 2

Fragen Sie AI

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

Suggested prompts:

Can you give examples of how to use these tags in HTML?

What is the difference between a section and an article?

Are there any best practices for organizing semantic elements on a webpage?

Awesome!

Completion rate improved to 2.86

Erkundung Semantischer Elemente in HTML

Swipe um das Menü anzuzeigen

Im Folgenden sind die gebräuchlichsten semantischen Elemente und deren Verwendungszwecke aufgeführt.

`header`-Tag

Stellt den oberen Bereich einer Webseite oder eines Abschnitts dar. Enthält in der Regel ein Logo, einen Titel oder Navigationslinks.

Hinweis

Nicht header mit head verwechseln. Sie erfüllen unterschiedliche Zwecke.

index.html

`nav`-Tag

Definiert einen Block für Navigationslinks. Häufig im Kopfbereich platziert.

index.html

`section`-Tag

Fasst zusammengehörige Inhalte in logische Abschnitte. Jeder Abschnitt sollte in der Regel mit einer Überschrift beginnen.

index.html

article-Tag

Stellt einen eigenständigen Inhalt dar, wie beispielsweise einen Blogbeitrag oder Nachrichtenartikel. Hilfreich für Suchmaschinen zur Identifizierung des Hauptinhalts.

index.html

`footer`-Tag

Definiert den unteren Bereich einer Webseite oder eines Abschnitts. Enthält üblicherweise Copyright-Hinweise, Kontaktinformationen oder verwandte Links.

index.html

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

2. Welches HTML-Tag wird typischerweise verwendet, um einen Abschnitt 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?

Was ist der Hauptzweck des <header>-Tags?

Select the correct answer

Bereitstellung wichtiger Informationen über die Seite und Unterstützung der Navigation.

Definition eines Abschnitts mit Navigationslinks.

Bereitstellung ergänzender Informationen und Navigationsoptionen.

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

Select the correct answer

<section>

<footer>

<nav>

Was ist die Hauptfunktion des <section>-Tags?

Select the correct answer

Enthält eigenständige Inhalte wie Blogbeiträge oder Nachrichtenartikel.

Logische Organisation von Inhalten durch Überschriften zur Gruppierung verwandter Inhalte.

Definition von einleitenden Elementen oder einer Gruppe von Links, die am oberen Rand eines Abschnitts oder einer Webseite platziert sind.

Wann sollte das <footer>-Tag verwendet werden?

Select the correct answer

Zur Abrundung des darüberstehenden Inhalts und zur Aufnahme von ergänzenden Informationen sowie Navigationsoptionen.

Zur Definition eines Abschnitts mit Navigationslinks.

Zur Aufnahme eigenständiger Inhaltselemente wie Blogbeiträge, Nachrichtenartikel oder Forenbeiträge.

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 2

Erkundung Semantischer Elemente in HTML

header-Tag

nav-Tag

section-Tag

article-Tag

footer-Tag

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

2. Welches HTML-Tag wird typischerweise verwendet, um einen Abschnitt 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?

Erkundung Semantischer Elemente in HTML

header-Tag

nav-Tag

section-Tag

article-Tag

footer-Tag

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

2. Welches HTML-Tag wird typischerweise verwendet, um einen Abschnitt 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?

`header`-Tag

`nav`-Tag

`section`-Tag

`footer`-Tag

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

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

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

`header`-Tag

`nav`-Tag

`section`-Tag

`footer`-Tag

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

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

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