Colored boxes - Step 3. Name the containers
These containers will become the main <div> elements that will hold your content, so you should give them names that have semantic meaning rather than names that describe their appearance. For this example the main containers will be called:
- container
- header
- mainnav
- menu
- contents
- footer
If the containers are unique to a page, use IDs rather than classes. This may be important when styling other elements on the page. If conflicts occur, rules that use IDs will override rules that use classes.

