HTML/Overzicht attributen/class

Functie

Met dit attribuut kun je elementen in klassen of groepen verdelen. Een element kan in één of meerdere klassen hebben. Ook mogen meerdere elementen dezelfde klassen gebruiken.

Waarde

De naam van een klasse moet als waarde worden meegegeven. Worden er meerdere gebruikt moeten de namen gescheiden worden door een spatie. De naam van een klasse kan kleine- en hoofdletters(A-Z en a-z), getallen(0-9) en verbindingsstreepjes (-) zijn.

Voorbeeld

HTML-code: Een voorbeeld van het gebruik van het attribuut class

<p>Deze alinea is niet onderverdeeld in een klasse.</p>
<p class="midden">Deze alinea krijgt als klasse "midden".</p>
<p class="midden groen">Op deze alinea worden er meerdere klassen gebruikt namelijk "midden" en "groen"</p>

Mogelijke CSS code dat kan worden toegepast op de klassen.

HTML-code: Een voorbeeld van het gebruik van het attribuut class

.midden {
        text-align: center;
        }

.groen  {
        color: green;
        }

Resultaat:

Deze alinea is niet onderverdeeld in een klasse.

Deze alinea krijgt als klasse "midden".

Op deze alinea worden er meerdere klassen gebruikt namelijk "midden" en "groen"

Meer informatie

• Handleiding HTML (Nederlands)
• w3schools (Engels)