15 HTML5 quiz vragen en antwoorden

1. Vraag: Wat is de juiste DOCTYPE-declaratie voor een HTML5-document?
Opties:
A. {!DOCTYPE HTML5}
B. {!DOCTYPE html}
C. {html5}
D. {?xml version=”1.0″?}
Antwoord: B
Uitleg: De DOCTYPE-declaratie {!DOCTYPE html} wordt gebruikt om aan te geven dat het document in HTML5 is geschreven en zorgt voor de juiste rendering in browsers.

2. Vraag: Wat is de primaire functie van het {header}-element in HTML5?
Opties:
A. Om de footer van een pagina te definiëren
B. Om de header of introductie van een sectie te definiëren
C. Om afbeeldingen weer te geven
D. Om scripts in te laden
Antwoord: B
Uitleg: Het {header}-element is een semantisch element dat typisch wordt gebruikt voor inleidende inhoud, zoals titels of navigatie, aan het begin van een pagina of sectie.

3. Vraag: Hoe definieer je een hyperlink in HTML5?
Opties:
A. Met het {link}-element
B. Met het {a}-element
C. Met het {href}-attribuut
D. Met het {url}-element
Antwoord: B
Uitleg: Het {a}-element, met het href-attribuut, wordt gebruikt om hyperlinks te creëren die naar andere pagina’s of resources leiden.

4. Vraag: Wat is het doel van het {canvas}-element in HTML5?
Opties:
A. Om tekst weer te geven
B. Om dynamische, script-based tekeningen te maken
C. Om video’s af te spelen
D. Om tabellen te structureren
Antwoord: B
Uitleg: Het {canvas}-element biedt een tekenoppervlak voor JavaScript om grafische elementen, animaties en afbeeldingen te genereren.

5. Vraag: Welke nieuwe input-types zijn toegevoegd in HTML5 voor formulieren?
Opties:
A. Alleen tekst en wachtwoord
B. Type=”email”, type=”date” en type=”number”
C. Alleen type=”submit”
D. Type=”image” en type=”audio”
Antwoord: B
Uitleg: HTML5 introduceerde input-types zoals email, date en number om betere validatie en gebruikerservaring in formulieren te bieden.

6. Vraag: Hoe kun je een video insluiten in een HTML5-pagina?
Opties:
A. Met het {video}-element
B. Met het {img}-element
C. Met het {audio}-element
D. Met het {media}-element
Antwoord: A
Uitleg: Het {video}-element wordt gebruikt om video’s in te sluiten en ondersteunt attributen zoals src, controls en autoplay voor afspelen.

7. Vraag: Wat is het verschil tussen het {article}-element en het {section}-element in HTML5?
Opties:
A. {article} is voor secties, {section} voor artikelen
B. {article} is voor onafhankelijke, herbruikbare inhoud, {section} voor thematische groepering
C. Er is geen verschil
D. {section} is voor video’s, {article} voor tekst
Antwoord: B
Uitleg: Het {article}-element is bedoeld voor zelfstandige inhoud zoals blogposts, terwijl {section} gebruikt wordt om gerelateerde inhoud thematisch te groeperen.

8. Vraag: Wat is de functie van het {meta charset=”UTF-8″}-element in HTML5?
Opties:
A. Om de pagina te beveiligen
B. Om de tekenset van het document te specificeren
C. Om afbeeldingen te laden
D. Om scripts uit te voeren
Antwoord: B
Uitleg: Het {meta charset=”UTF-8″}-element definieert de karakterencoding van de pagina, wat zorgt voor correcte weergave van tekst in verschillende talen.

9. Vraag: Hoe gebruik je lokale opslag in HTML5?
Opties:
A. Met het {local}-element
B. Via de localStorage API in JavaScript
C. Met het {storage}-attribuut
D. Via het {session}-element
Antwoord: B
Uitleg: De localStorage API in HTML5 stelt webapplicaties in staat om gegevens lokaal op te slaan in de browser, zonder dat deze vervallen bij het sluiten van de pagina.

10. Vraag: Wat is de rol van het {nav}-element in HTML5?
Opties:
A. Om de hoofdinhoud te definiëren
B. Om navigatielinks te markeren
C. Om afbeeldingen te navigeren
D. Om voetnoten toe te voegen
Antwoord: B
Uitleg: Het {nav}-element identificeert een sectie met navigatielinks, zoals een menu, wat helpt bij de structuur en toegankelijkheid van de pagina.

11. Vraag: Hoe maak je een invoerveld verplicht in een HTML5-formulier?
Opties:
A. Met het required-attribuut
B. Met het mandatory-attribuut
C. Met het validate-attribuut
D. Met het essential-attribuut
Antwoord: A
Uitleg: Het required-attribuut in invoervelden zoals {input} zorgt ervoor dat de gebruiker een waarde moet invullen voordat het formulier kan worden ingediend.

12. Vraag: Wat is het doel van het {figure}-element in HTML5?
Opties:
A. Om wiskundige formules weer te geven
B. Om afbeeldingen of diagrammen met bijschriften te groeperen
C. Om video’s te embedden
D. Om tabellen te creëren
Antwoord: B
Uitleg: Het {figure}-element wordt gebruikt om zelfstaande inhoud zoals afbeeldingen of codeblokken te omringen, vaak met een {figcaption} voor bijschriften.

13. Vraag: Hoe voeg je een audio-speler toe in HTML5?
Opties:
A. Met het {audio}-element
B. Met het {sound}-element
C. Met het {media}-element
D. Met het {player}-element
Antwoord: A
Uitleg: Het {audio}-element stelt je in staat om audio-bestanden in te sluiten, met attributen zoals controls voor een standaard afspeelinterface.

14. Vraag: Wat is de functie van het {details}-element in HTML5?
Opties:
A. Om de pagina te detailleren
B. Om interactieve, uitklapbare inhoud te creëren
C. Om afbeeldingen te detailleren
D. Om metadata op te slaan
Antwoord: B
Uitleg: Het {details}-element, vaak gecombineerd met {summary}, toont aanvullende informatie die de gebruiker kan uitklappen voor meer details.

15. Vraag: Hoe acceseer je de geolocation-functionaliteit in HTML5?
Opties:
A. Met het {geo}-element
B. Via de Geolocation API in JavaScript
C. Met het {location}-attribuut
D. Via het {map}-element
Antwoord: B
Uitleg: De Geolocation API in HTML5 laat webapplicaties toe om de geografische positie van de gebruiker op te halen, met toestemming, voor functies zoals kaarten.