WPLounge

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.

Affiliate disclaimer:
In onze artikelen en op onze pagina's staan affiliate links. Wanneer je via één van deze links een aankoop doet, ontvangen wij een (meestal kleine) commissie van de verkoper. Wij geven altijd onze eerlijke mening over producten. Klik hier voor meer informatie.

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.

TIP VAN WPLOUNGE
Divi theme & Divi Builder
Bij Elegant Themes ontvang je meer dan
85 premium WordPress themes (waaronder Divi!) voor maar 89 dollar!

Black Friday deal 2020 bijna actief: 50% korting!
Bekijk de themes »»
Lees meer over Divi.

<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.

Deze HTML5 code geeft als resultaat:

Klik hier voor de details!

WPLounge geeft ook WordPress training!

Lees ook eens ons stappenplan

Kom je er niet uit? Neem contact met ons op


<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.

Als je deze HTML5 code uitvoert krijg je het volgende resultaat

HTML5
HTML5 Logo

<mark> element

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

Dit ziet er als volgt uit:

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

Roger Overdevest

Roger is eigenaar van de website WPLounge en van zoekmachine marketing bureau Kliq Internet

Reageer

Adverteerders

Vimexx-bannerWebsiteOffertes.nl banner WPLounge
Hulp op afstand banner

Black Friday! Elegant Themes & Divi: nu tot 50% korting op alle Divi abonnementen! Ga naar Elegant

× Hoe kan ik je helpen? Available from 08:30 to 17:00