HTML5 Hacks 2.10

hacks2.10.1.html

<li itemscope>
	<ul>
		<li>Name: <span itemprop=”name”>Fred</span></li>
		<li>Phone: <span itemprop=”telephone”>210-555-5555</span></li>
		<li>Email: <span itemprop=”email”>[email protected]</span></li>
	</ul>
</li>

hacks2.10.2.html

<ul class="unstyled">
<li itemscope class="contact">
    <ul class="well">
    	<li>Name: <span itemprop=”name”>Fred</span></li>
		<li>Phone: <span itemprop=”telephone”>210-555-5555</span></li>
		<li>Email: <span itemprop=”email”>[email protected]</span></li>
	</ul>
</li>
<li itemscope class="contact">
	<ul class="well">
		<li>Name: <span itemprop=”name”>Wilma</span></li>
		<li>Phone: <span itemprop=”telephone”>210-555-7777</span></li>
		<li>Email: <span itemprop=”email”>[email protected]</span></li>
	</ul>
</li>
<li itemscope class="contact">
	<ul class="well">
		<li>Name: <span itemprop=”name”>Betty</span></li>
		<li>Phone: <span itemprop=”telephone”>210-555-8888</span></li>
		<li>Email: <span itemprop=”email”>[email protected]</span></li>
	</ul>
</li>
<li itemscope class="contact">
	<ul class="well">
		<li>Name: <span itemprop=”name”>Barny</span></li>
		<li>Phone: <span itemprop=”telephone”>210-555-0000</span></li>
		<li>Email: <span itemprop=”email”>[email protected]</span></li>
	</ul>
</li>



</ul>

hacks2.10.3.js

document.getItems();

hacks2.10.4.html

<li itemscope itemtype="http://example.com/feline">
	<ul>
		<li>Name: <span itemprop=”name”>Dino</span></li>
		<li>Phone: <span itemprop=”telephone”>210-555-4444</span></li>
		<li>Email: <span itemprop=”email”>[email protected]</span></li>
	</ul>
</li>

hacks2.10.4.js

document.getItems("http://example.com/feline");