Taken from Lilian Vernon (lillianvernon.com). Judging from the state of my trousers today, I could use one too…

<div class="hlisting">
	<div class="item hproduct">
		<ol class="breadcrumbs">
			<li><a href="http://www.lillianvernon.com/home.jsp">Home</a></li>
			<li class="category"><a href="http://www.lillianvernon.com/catalog/category.jsp?parentCatId=3">Store & Organize</a></li>
			<li class="category"><a href="http://www.lillianvernon.com/catalog/thumbnail.jsp?parentCatId=3&catId=149">Closet & Drawers</a></li>
		</ol>
		<div class="picside">
			<img src="http://lillianvernon.richfx.com.edgesuite.net/image/media/046534_M.jpg" alt="photo of deluxe hanging pants rack" class="photo" /><br/>
			<img src="http://www.lillianvernon.com/assets/images/new_prod_detail/zoom.jpg" alt="zoom in" />
		</div>
		<div class="infoside">
			<h1 class="fn">Deluxe Hanging Pants Rack</h1>
			<div class="identifier>
				<span class="type">SKU</span>:
				<span class="value">046534</span>
			</div>
			<div class="details">
				<p class="description">Holds 8 pairs of slacks neatly with shelf for sweaters, shirts and more! 16" wide with non-slip plastic sleeves that prevent sliding. Silver finish. Easy assembly. </p>
				<div class="savings">SAVE<br/>$7</div>
				<div class="historical">Was $14.98</div>
				<div class="now">Now <span class="price">$7.49</span></div>
				<div class="savings">Save $7.49</div>
				<div class="purchase">
					<div class="quantity">Quantity 1</div>
					<div class="buy"><img src="/assets/images/new_prod_detail/add_to_cart0108.gif" alt="add to cart" /></div>
				</div>
			</div>
		</div>
	</div>
</div>

hproduct example src

So I’ve been preaching web standards for a while here at work. The trouble I’ve had with that is our technology folk always want concrete examples of what standards are — they want to quantify it, make it a number. “How big should a page be?”. “How many divs should we have on the page?” These phrases have been regurgitated by the higher-ups and the standards-challenged. Just the lack of understanding, even by the supposed front-end “experts” we’ve hired to do this work is nauseating.

I believe, however, I may get some sort of relief from the sickness I’m feeling. I was tooling around microformats.org when I happened upon a concept that I believe embodies the premise of my arguments to these people — the Plain Old Semantic HTML (POSH) methodology. Man, have I been ignorant to this acronym for the last 5 years. Simple, semantic markup that benefits the web and creates semantic not presentational code. Beautiful.
This is my new tool to combat bloat, non-standards and ignorance.