Naming Our html Children

Jun 20

And all that Malarkey // What’s in a name

So what ‘should’ we name our elements?
Here are my suggestions for main ‘structural’ divs

* Container div: container
* Header or banner div: header
* Main or global navigation div: main-nav
* Left or right side columns: sidebar-a, sidebar-b
* Content div: content
* Footer div: footer

And for other page elements

* Sub-navigation list: sub-nav
* Search: search
* Search results: search-results
* Copyright information: copyright