HTML5 news article with microformats og microdata

Markup example of a news article using microformats and microdata

<article class="hnews hentry item">
    <div class="hmedia">
    	<img class="photo" width="" height="" alt="Alt text describing image" src=""/>
    	<div class="caption"><span class="fn">Name of the person</span></div>
    </div>

	<h1><a class="url entry-title" href="url til artikkel" rel="bookmark">Article title</a></h1>

	<address itemscope="itemscope" itemtype="http://data-vocabulary.org/Person class="author vCard">
		<a class="email fn" itemprop="name" href="mailto:epost@ap.no">Tor Brekke Skj&oslash;tskift</a>,
		<a itemprop="affiliation" class="source-org url org fn" href = "http://www.ap.no">Organization</a>
        <abbr class="updated dtstamp" title="2009-04-19T18:17:29Z">19 April 2009 18:17</abbr>
	</address>

	<div class="entry-content">
		<p><abbr class="dateline geo" title="15.44711,-31.285503">OSLO, Norway</abbr> (Aftenposten) Lorem ipsum dolor…</p>
		<p>Lorem ipsum….</p>
	</div>
<aside>
	<h2>Related contents</h2>
	<ul class="related-links">
		<li><a href="#">Link text</a></li>
	        <li><a href="#">Link text</a></li>
	</ul>
	<h2>Categories</h2>
	<ul class="categories-links">
		<li><a href="#" rel="tag">Category 1</a></li>
		<li><a href="#" rel="tag">Category 2</a>
		   <ul>
        		<li><a href="#" rel="tag">Category 2.1</a></li>
		   </ul>
		</li>
	</ul>

	<div class="copyright">
		Copyright 2009 <a rel="item-license" href="http://www.ap.no">Aftenposten</a>.
	</div>
</aside>
</article>
Posted in Semantisk web | Leave a comment