Global Naming Conventions

[cooper.semantics]

e.g.

<div id="news">
    <div class="section-main">...</div>
</div>
 
<div id="about">
    <div class="section-main">...</div>
</div>

Share your widely used naming conventions that keep your site structured...

[gary.turner]

Just to hit on the obvious:

The wrapper for the page that sets the overall dimensions, centers, etc., is called #wrapper.

The one column that contains the meat of the page is #content.

Across the top of the page (usually) is the #banner.

The top level navigation menu is #globalnav.

Sub-site or sectional navigation is #toc (for table of contents).

The block, usually a column, that holds an olio of content is #sidebar. I'm not totally satisfied with that one.

Then there are #footer, #notes, #biblio, and #abstract. Their usages should be obvious.

cheers,

gary

[AlexDawson]

I usually place my elements in blocks of header, navigation / nav, content, footer (and if any DIV’s are required within those sections then I will name them appropriately based on their content) however the four I mentioned are the usual divider conventions I use as they are universally descriptive of most sites contained code.

[cooper.semantics]

Besides using the main frame convention, what do you guys use as your inner convention?

section, figure, article....

<div id="about">
    <div class="section">...</div>
</div>
 
<div id="news">
    <div class="section">...</div>
</div>

And use the unique page identifier to style these differently if needed...

Kind of like your own html frameworks