Hoe gebruik ik globale attributen in HTML?

Globale attributen in HTML zijn attributen die op alle HTML-elementen kunnen worden toegepast, ongeacht het type element. Voorbeelden van dergelijke attributen zijn ‘class’, ‘id’, ‘style’, ‘title’, ‘data-\*’ enzovoort.

1. ‘Class’ attribuut: Hiermee kun je een of meerdere classnamen definiëren voor een element. Deze klassenamen kunnen later worden gebruikt in je CSS of JavaScript om specifieke stijlen of functionaliteiten toe te voegen.

Voorbeeld:
```

Dit is een div met een klasse.

,
```

1. ‘Id’ attribuut: Hiermee kan je een unieke id toewijzen aan een element. Een id moet binnen de gehele HTML uniek zijn en wordt meestal gebruikt in JavaScript om een specifiek element te manipuleren.

Voorbeeld:
```

Dit is een div met een unieke id.

```

1. ‘Style’ attribuut: Hiermee kun je inline stijlen definiëren voor een element.

Voorbeeld:
```

Dit is een blauwe paragraaf.

```

1. ‘Title’ attribuut: Hiermee kun je extra informatie over een element toevoegen.

Voorbeeld:
```

Beweeg over dit om de tooltip te zien.

```

1. ‘Data-\*’ attribuut: Hiermee kun je je eigen attributen creëren om specifieke informatie op te slaan die nodig kan zijn voor je JavaScript-logica.

Voorbeeld:
```

Dit is een div met een aangepast data-attribuut.

```