Im HTML kannst du benutzerdefinierte Daten durch das `data-*` Attribut verwenden. Dies ist besonders nützlich, wenn du zusätzliche Informationen für HTML-Elemente speichern möchtest, ohne separate CSS-Klassen oder unnötige `id`-Attribute zu verwenden.

So sieht die Syntax aus:

```html
Tag Inhalt
```

Hier ist ein konkretes Beispiel:

```html

Enthält Daten:

Ich trage heute blaue Jeans

Beispiel 2:
Dropdown

```

Beachte bitte, dass alle `data-*` Attribute stets in Kleinbuchstaben und mit kebab-case (also Worte durch Bindestriche getrennt) geschrieben werden sollten. In JavaScript werden sie dann automatisch zu camelCase konvertiert.

In obigem Beispiel wurde `data-dropelement-id` zu `dataset.dropelementId`. Wenn du versuchst, auf `dataset.dropelement-id` zuzugreifen, wird es nicht funktionieren.

DinoGeek bietet einfache Artikel über komplexe Technologien

Möchten Sie in diesem Artikel zitiert werden? Es ist ganz einfach, kontaktieren Sie uns unter dino@eiki.fr

CSS | NodeJS | DNS | DMARC | MAPI | NNTP | htaccess | PHP | HTTPS | Drupal | WEB3 | LLM | Wordpress | TLD | Domain | IMAP | TCP | NFT | MariaDB | FTP | Zigbee | NMAP | SNMP | SEO | E-Mail | LXC | HTTP | MangoDB | SFTP | RAG | SSH | HTML | ChatGPT API | OSPF | JavaScript | Docker | OpenVZ | ChatGPT | VPS | ZIMBRA | SPF | UDP | Joomla | IPV6 | BGP | Django | Reactjs | DKIM | VMWare | RSYNC | Python | TFTP | Webdav | FAAS | Apache | IPV4 | LDAP | POP3 | SMTP