Skip to content

Instantly share code, notes, and snippets.

@cowboy

cowboy/html_structure.html

Created November 2, 2009 16:24
Show Gist options
  • Save cowboy/224257 to your computer and use it in GitHub Desktop.
Save cowboy/224257 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
html_structure.html
<!--
My "generic" HTML structure (used in benalman.com and others)
An array of main sections:
page = [ { header: [] }, { content:[] }, ... ];
Bodies are pushed onto each of those, which are all iterated over
to form this structure:
-->
...
<body class="BODY_CLASSES">
<div id="page" class="page BODY_CLASSES">
<div id="page-inner" class="page-inner BODY_CLASSES">
<div id="header" class="header">
<div id="header-inner" class="header-inner">
<div id="header_body0" class="header_body0">
<div id="header_body0-inner" class="header_body0-inner">
CONTENT
<div id="header_body0-shim"></div>
</div>
</div>
<div id="header_body1" class="header_body1">
<div id="header_body1-inner" class="header_body1-inner">
CONTENT
<div id="header_body1-shim"></div>
</div>
</div>
...
<div id="header-shim"></div>
</div>
</div>
<div id="content" class="content">
<div id="content-inner" class="content-inner">
<div id="content_body0" class="content_body0">
<div id="content_body0-inner" class="content_body0-inner">
CONTENT
<div id="content_body0-shim"></div>
</div>
</div>
<div id="content_body1" class="content_body1">
<div id="content_body1-inner" class="content_body1-inner">
CONTENT
<div id="content_body1-shim"></div>
</div>
</div>
...
<div id="content-shim"></div>
</div>
</div>
...
<div id="page-shim"></div>
</div>
</div>
</body>
...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment