HTML Tutorial

HTML-tagg: <data>

Användning av <data>:

  • Används för att definiera datavärden som associeras med ett element.
  • Förenklar presentationen av data, särskilt i JavaScript-applikationer.

Attribut för <data>:

  • value: Data som ska associeras med elementet.
  • data-*: Anpassade dataattribut som kan definieras för specifika användningsfall.

Exempel med <data>:

<p data-user-id="123">Användare 123</p>

JavaScript:

const userId = document.querySelector('p[data-user-id]').getAttribute('data-user-id');

Undersöka <data>-taggen:

<!DOCTYPE html>
<html>
<body>
  <p data-user-id="123">Användare 123</p>
  <script>
    const userId = document.querySelector('p[data-user-id]').getAttribute('data-user-id');
    alert(userId); // Visar "123"
  </script>
</body>
</html>