I was looking how i could display a Bandcamp player on a release page using a js userscript.

Basically the idea was to look if the release had a "stream for free" relationship with a Bandcamp URL in it, so i could insert the Bandcamp player.

But when i look at the code i noticed the HTML code isn't very friendy:

<tr>
<th>stream for free:</th>
<td>
<a href="//weyesblood.bandcamp.com/album/front-row-seat-to-earth">
<bdi>http://weyesblood.bandcamp.com/album/front-row-seat-to-earth</bdi>
</a>
[
<a href="/url/7618b2d0-1a15-4cba-a7e8-8b69939b09a2">info</a>
]
<br>
</td>
</tr>

What? I need to find `th` with 'stream for free' in it ? Ok, but what if the page is displayed in french ? and what if the text changes...

This is why adding HTML5 microdata as described https://www.w3.org/TR/microdata/ could ease a lot user script dev.