Skip to content

Instantly share code, notes, and snippets.

@tingletech
Created August 29, 2010 23:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tingletech/556816 to your computer and use it in GitHub Desktop.
Save tingletech/556816 to your computer and use it in GitHub Desktop.
<!-- which semantic element could be used? does not really matter -->
<!--
http://www.w3.org/TR/html5/microdata.html
http://www.whatwg.org/specs/web-apps/current-work/multipage/links.html#microdata
http://forums.whatwg.org/viewtopic.php?t=4165&sid=3b528e372342e5c9935ed0ee063fee54
http://www.whatwg.org/specs/web-apps/current-work/multipage/links.html#microdata-dom-api
-->
<div>
<div
itemscope="itemscope"
itemid="ark:/13030/..."
itemtype="http://xmlns.com/foaf/0.1/Image"
>
<!-- simple digital object with one still image -->
<img itemprop="http://www.natlib.govt.nz/dr/role#Thumbnail" src="/ark:/13030/.../thumbnail"/>
<p>
<a itemprop="http://dublincore.org/2008/01/14/dcelements.rdf#Identifier" href="[URL]">
<span itemprop="http://purl.org/dc/elements/1.1/title">DC Title</span>
</a>
</p><!-- the link should not be part of the metadata -->
<p itemprop="http://purl.org/dc/elements/1.1/creator">Creatosaurus</p>
<p itemprop="http://purl.org/dc/elements/1.1/publisher">
<a href="http://">Contributing Institution</a>
</p><!-- the link should be part of the metadata -->
<p itemprop="http://dublincore.org/2008/01/14/dcelements.rdf#Rights">djdjd</p>
</p>
</div>
<div
itemscope="itemscope"
itemid="ark:/13030/..."
itemtype="http://xmlns.com/foaf/0.1/Document"
>
... metadata here ...
<ul itemprop="http://purl.org/dc/terms/tableOfContents">
<!-- dereferenced structMap goes here -->
<!-- continue nesting itemscope; only itemtype the root -->
<li itemscope="itemscope" itemtype="http://www.loc.gov/standards/mets.xsd#structMap">
<a href="">top level</a></li>
<ul>
<li itemscope="itemscope">
<a href=""><img src="" data-larger-image="" height="" width=""></a>
</li>
<li itemscope="itemscope">
<a href=""><img src="" data-larger-image="" height="" width=""></a>
</li>
</ul>
</li>
</ul>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment