Containers

There is no <container> tag. When we use the term container, we’re talking about function. The header tag “contains” markup that goes at the top of the page. The <header> tag IS a container tag.

A div tag is a very general container. It stands for division. At one time, it was all we had so we used it exclusively and one page could have dozens of div tags in them. It got pretty confusing. In order to distinguish one div tag from another, we gave them id attributes.


<div id="wrapper">
<div id="header">Some content including a logo, page heading, and navigation also in a div tag</div>
<div id="mainContent">
<div id="aside">Some content</div>
<div id="article">Some content</div>
</div
</div>

With the new version of  HTML, we have additional tags that act as containers that have more meaning (semantic); header, section, article, aside, nav, footer, etc. In general, if there is a tag that makes more sense to use, i.e. a nav tag contains navigation code, then use it. If you need to put code in a container, and there is not a semantic tag that does the job, then use the div tag.

Published by

Dale

eLearning and Instructional Designer. Web Designer. Assistant Professor for the Multimedia Design Concentration at Nashville State Community College. Eleven years with Nashville State. Seven years as a corporate trainer, teaching CAD, design, and office applications. Developed Associate in Applied Science degree program in Multimedia Design and teach web-standards, Flash, html, CSS, web animation, and design courses. Teach in both classroom and online environments. Education: M.Ed. in eLearning Technology and Design B.S. in Mechanical Drafting and Design Technology