HTML
Gegevensattributen
Zoeken…
Syntaxis
<element data-custom-name="somevalue">
parameters
| Waarde | Beschrijving |
|---|---|
| someValue | Specificeert de waarde van het attribuut (als een string) |
Gebruik van gegevenskenmerk
HTML5 data-* attributen bieden een handige manier om gegevens op te slaan in HTML-elementen. De opgeslagen gegevens kunnen worden gelezen of gewijzigd met JavaScript
<div data-submitted="yes" class="user_profile">
… some content …
</div>
De gegevens attribuut structuur
data-*, dat wil zeggen de naam van de gegevens attribuut komt na dedata-deel. Met behulp van deze naam is het attribuut toegankelijk.Gegevens in tekenreeksindeling (inclusief
json) kunnen worden opgeslagen met het kenmerkdata-*.
Oudere browsers ondersteunen
Gegevenskenmerken zijn geïntroduceerd in HTML5, dat wordt ondersteund door alle moderne browsers, maar oudere browsers vóór HTML5 herkennen de gegevenskenmerken niet.
In HTML-specificaties moeten attributen die niet door de browser worden herkend, echter met rust worden gelaten en zal de browser deze gewoon negeren wanneer de pagina wordt weergegeven.
Webontwikkelaars hebben dit feit gebruikt om niet-standaardattributen te maken die attributen zijn die geen deel uitmaken van de HTML-specificaties. Het value in de onderstaande regel wordt bijvoorbeeld beschouwd als een niet-standaardkenmerk omdat de specificaties voor de tag <img> geen value hebben en het geen globaal kenmerk is:
<img src="sample.jpg" value="test" />
Dit betekent dat hoewel gegevenskenmerken niet worden ondersteund in oudere browsers, ze nog steeds werken en dat u ze kunt instellen en ophalen met dezelfde generieke JavaScript setAttribute en getAttribute methoden, maar dat u de nieuwe dataset niet kunt gebruiken die alleen wordt ondersteund in moderne browsers.