Hallo ihr beiden 🙂

Das mit den „data-“ Attributen ist echt etwas verwirrend und ich hab zuerst auch vermutet sie seien dazu gedacht um Meta-Daten zu verstecken: https://notiz.blog/2008/07/30/html5-is-made-for-microformats/ Schade 🙂

…aber die Microdata Idee ist mindestens genauso simpel, da sie eben nicht auf Namespaces basiert. Microdata erweitert das klassische HTML einfach um ein paar Attribute (itemscope, itemtype und itemprop sind die wichtigsten).

<div itemscope itemtype="http://microformats.org/profile/hcard">
 <span itemprop="fn">Matthias Pfefferle</span>
 <img itemprop="photo" src="avatar.png" alt="Avatar" />
</div>
  • itemscope umschließt ein Object
  • itemtype zeichnet das Object aus
  • …und itemprop sind die Eigenschaften des Objekts

Das einzig Verwirrende/Nervige an der Syntax ist die URL im itemtype…