HTML5

Wat is HTML5?

HTML5 staat voor HyperText Markup Language versie 5. HTML5 is een geavanceerde HTML-programmeertaal waarbij veel tags zijn toegevoegd om het leven van een ontwikkelaar makkelijker te maken. HTML is zo ontwikkeld waarbij geen browser plugin nodig is om een complete website te ontwerpen. Met HTML5 kunnen geavanceerde webapplicaties gebouwd worden zoals spelletjes, online audio/video en meer.

Hoe werkt HTML5?

Om met HTML5 te werken is het handig om een goede editor te gebruiken zoals Notepad++. HTML wordt gebruikt om een tekstdocument te maken. Vervolgens kan je met CSS de layout van de webpagina bepalen en met JavaScript maak je een pagina dynamisch. HTML5 is een geavanceerde versie van HTML waarbij er een aantal tags zijn toegevoegd.

HTML5 Tags

We zullen een aantal HTML5 tags bespreken.

<details> tag

De details tag beschrijft de details van je website of content, deze kunnen voor iedereen zichtbaar of verborgen zijn. Met het element <summary> kan je een korte samenvatting van het element geven.

<details> 
  <summary>Klik hier voor de details!</summary> 
  <p>WPLounge geeft ook WordPress training!</p>
  <p>Lees ook eens ons stappenplan</p> 
  <p>Kom je er niet uit? Neem contact met ons op</p> 
</details>

Deze HTML5 code geeft als resultaat:

<figure> tag

De nieuwe HTML5 <figure> tag kan je gebruiken om foto’s of illustraties weer te geven. Voor een onderschrift gebruik je het <figcaption> element.

<figure>
  <figcaption>HTML5</figcaption>
  <img src="logo.png" alt="HTML5 Logo" width="300" height="300">
</figure>

Als je deze HTML5 code uitvoert krijg je het volgende resultaat

<mark> element

Om tekst te kunnen markeren kan je in HTML5 het <mark> element gebruiken:

<p>Dit element is makkelijk om tekst te kunnen <mark>markeren</mark>
wanneer je belangrijke informatie wilt benadrukken..</p>

Dit ziet er als volgt uit:

Dit element is makkelijk om tekst te kunnen markeren wanneer je belangrijke informatie wilt benadrukken..