15 HTML5 Quiz Fragen und Antworten

1. Frage 1: Was ist der korrekte DOCTYPE für ein HTML5-Dokument?
A) {!DOCTYPE html}
B) {!DOCTYPE HTML5}
C) {html5}
D) {!doctype html}
Richtige Antwort: A
Erklärung: Der DOCTYPE {!DOCTYPE html} wird in HTML5 verwendet, um dem Browser mitzuteilen, dass das Dokument im HTML5-Standard verfasst ist, was für die korrekte Darstellung und Validierung entscheidend ist.

2. Frage 2: Welches Element wird in HTML5 für den Kopfbereich einer Seite verwendet?
A) {head}
B) {header}
C) {top}
D) {beginning}
Richtige Antwort: B
Erklärung: Das {header}-Element dient zur Definition des Kopfbereichs einer Seite oder eines Abschnitts und kann Überschriften, Logos oder Navigationselemente enthalten, was die Semantik verbessert.

3. Frage 3: Welches Element ist in HTML5 für Navigationslinks gedacht?
A) {nav}
B) {link}
C) {menu}
D) {navigate}
Richtige Antwort: A
Erklärung: Das {nav}-Element wird verwendet, um einen Abschnitt mit Navigation-Links zu markieren, was Suchmaschinen hilft, die Struktur der Seite besser zu verstehen.

4. Frage 4: Was repräsentiert das {article}-Element in HTML5?
A) Einen unabhängigen, wiederverwendbaren Inhalt
B) Den Hauptinhalt der Seite
C) Eine Fußzeile
D) Eine Tabelle
Richtige Antwort: A
Erklärung: Das {article}-Element definiert einen eigenständigen Inhalt, der unabhängig vom Rest der Seite verstanden werden kann, wie z. B. ein Blog-Artikel oder eine News-Story.

5. Frage 5: Wie integriert man ein Video in HTML5?
A) Mit dem {video}-Element
B) Mit dem {embed}-Element
C) Mit dem {media}-Element
D) Mit dem {film}-Element
Richtige Antwort: A
Erklärung: Das {video}-Element ermöglicht das Einbetten von Videodateien direkt in die HTML5-Seite, unterstützt Attribute wie src, controls und autoplay für eine native Wiedergabe.

6. Frage 6: Welcher Input-Typ wird in HTML5 für E-Mail-Adressen empfohlen?
A) type=”email”
B) type=”mail”
C) type=”address”
D) type=”e-mail”
Richtige Antwort: A
Erklärung: Der Input-Typ type=”email” validiert automatisch, ob der eingegebene Wert eine gültige E-Mail-Adresse ist, und verbessert damit die Formularverarbeitung.

7. Frage 7: Welches Attribut macht ein Formularfeld in HTML5 obligatorisch?
A) required
B) mandatory
C) obligatory
D) essential
Richtige Antwort: A
Erklärung: Das required-Attribut stellt sicher, dass ein Feld ausgefüllt werden muss, bevor das Formular abgeschickt werden kann, und hilft bei der Validierung.

8. Frage 8: Welches Element wird in HTML5 für grafische Zeichnungen verwendet?
A) {canvas}
B) {draw}
C) {graphic}
D) {sketch}
Richtige Antwort: A
Erklärung: Das {canvas}-Element bietet ein Skriptbasiertes Raster für 2D-Zeichnungen und Manipulationen, das über JavaScript gesteuert wird.

9. Frage 9: Was ist die Funktion des {footer}-Elements in HTML5?
A) Den Fußbereich einer Seite zu definieren
B) Den Header zu ersetzen
C) Eine Tabelle zu erstellen
D) Inhalte zu zentrieren
Richtige Antwort: A
Erklärung: Das {footer}-Element markiert den Fußbereich einer Seite oder eines Abschnitts und kann Copyright-Informationen oder Links enthalten.

10. Frage 10: Wie fügt man eine Audiodatei in HTML5 ein?
A) Mit dem {audio}-Element
B) Mit dem {sound}-Element
C) Mit dem {music}-Element
D) Mit dem {play}-Element
Richtige Antwort: A
Erklärung: Das {audio}-Element ermöglicht das Einbetten von Audiodateien, mit Attributen wie controls für die Steuerung der Wiedergabe.

11. Frage 11: Welche semantische Bedeutung hat das {section}-Element in HTML5?
A) Einen thematischen Abschnitt der Seite
B) Eine Überschrift
C) Eine Fußnote
D) Eine Grafik
Richtige Antwort: A
Erklärung: Das {section}-Element wird verwendet, um einen generischen thematischen Abschnitt zu definieren, was die Struktur und Zugänglichkeit der Seite verbessert.

12. Frage 12: Welches Element ist in HTML5 für den Hauptinhalt einer Seite vorgesehen?
A) {main}
B) {content}
C) {primary}
D) {body}
Richtige Antwort: A
Erklärung: Das {main}-Element umschließt den primären Inhalt der Seite und hilft Suchmaschinen, den Kerninhalt zu identifizieren.

13. Frage 13: Was ist ein neues Merkmal in HTML5 im Vergleich zu HTML4?
A) Die Unterstützung von semantischen Elementen wie {article}
B) Die Verwendung von Tabellen
C) Die Notwendigkeit von Frames
D) Die Begrenzung auf statische Inhalte
Richtige Antwort: A
Erklärung: HTML5 führt semantische Elemente ein, um die Struktur von Webseiten zu verbessern, im Gegensatz zu HTML4, das weniger semantische Optionen bot.

14. Frage 14: Wie erstellt man einen Fortschrittsbalken in HTML5?
A) Mit dem {progress}-Element
B) Mit dem {bar}-Element
C) Mit dem {load}-Element
D) Mit dem {advance}-Element
Richtige Antwort: A
Erklärung: Das {progress}-Element zeigt den Fortschritt eines Vorgangs an, wie z. B. ein Ladebalken, und unterstützt Attribute wie value und max.

15. Frage 15: Welches Attribut wird in HTML5 für Platzhalter in Eingabefeldern verwendet?
A) placeholder
B) hint
C) example
D) default
Richtige Antwort: A
Erklärung: Das placeholder-Attribut gibt einen Hinweistext in einem Eingabefeld an, der verschwindet, sobald der Benutzer tippt, und verbessert die Benutzerfreundlichkeit.