HTML heeft een beperkt aantal tags, maar soms is het nodig om specifieke elementen van elkaar te onderscheiden. Bijvoorbeeld, als verschillende stijlen op diverse paragrafen (<p>-elementen) moeten worden toegepast, kunnen de attributen class en id worden gebruikt.

Het class-attribuut wijst een klasse toe aan een specifiek HTML-element. Meerdere elementen kunnen dezelfde klasse delen. Hierdoor kunnen dezelfde stijlen op meerdere elementen worden toegepast.

In dit voorbeeld delen twee paragrafen dezelfde highlight-klasse, waardoor dezelfde stijlen op beide kunnen worden toegepast.

Het id-attribuut wijst een unieke identificatie toe aan een specifiek HTML-element. In tegenstelling tot het class-attribuut kan elk element slechts één unieke id hebben. Dit is nuttig voor het toepassen van stijlen of het manipuleren van een specifiek element met JavaScript.

Het is belangrijk om te onthouden dat de id uniek moet zijn op de pagina. Je mag dezelfde id-waarde niet voor meerdere elementen gebruiken.