# 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">