HTML5 Boilerplate & WordPress: Day 3 – Module Block

Module block

[code lang=”html”]
<div class="mod">
<div class="mod-cr">
<div class="mod-hd"><h3 class="mod-heading">Heading label</h3></div>
<div class="mod-ct"></div>
</div>
</div><!–.mod–>
[/code]

This is the basic structure of every content block in your webpage. This way, it would be modular, meaning, you could move it anywhere in the page without too much dependency on other elements.

Update – Nov 12, 2012:

• I added mod-hd as header for the module block