# HTML-attributen
# Syntax voor attributen
HTML-elementen bepalen de structuur van een pagina. In vele gevallen is het voldoende het element als tag op te nemen zonder meer, maar sommige elementen hebben nood aan extra informatie. Om de extra informatie aan een element toe te voegen gebruik je attributen. Een attribuut bestaat uit een naam en een waarde en worden altijd in de openingstag opgenomen, met de volgende syntax:
<element attribuutnaam="waarde">
Je kan meerdere attributen aan één element toevoegen door ze te scheiden met een spatie.
<element attr1="waarde" attr2="waarde">
# Attributen in HTML-skelet
In het basisskelet van een HTML-pagina vind je vele elementen met verschillende attributen, bv. het attribuut lang
bij het element <html>
.
# lang
<html lang="en">
In dit geval geeft het attribuut de extra informatie aan het <html>
element dat het gaat om een Engelstalige pagina. Om een Nederlandstalige pagina aan te duiden kan je de waarde "en"
veranderen naar "nl-BE"
. Dit heeft onder andere invloed op de SEO (search engine optimization) en lees- en vertaalsoftware zoals schermlezers of Google Translate.
# charset
Het attribuut charset
geeft informatie over het karakterset dat gebruikt wordt op de pagina. Het standaardkarakterset dat bijna alle karakters van alle geschriften op de wereld ondersteunt is UTF-8
. Dit attribuut wordt toegevoegd aan een <meta>
element, wat niet meer is dan een element dat algemene, losstaande informatie aan een browser of zoekmachine verschaft.
<meta charset="UTF-8">
# Externe stijlbladen
Om een extern CSS-bestand te koppelen aan een HTML-pagina gebruik je het <link>
element met twee belangrijke attributen: rel
en href
. De waarde voor rel
is verplicht stylesheet
en duidt erop dat het gaat om een link naar een stijlblad. De waarde voor href
is het pad naar het bestand.
<link rel="stylesheet" href="stijl.css">