Motive [Home].Glossary.

Guides

The Motive Web Design Glossary

<div>

A <div> (division/section), is a block-level HTML element that can be used to add structure/group content.

For example, a webpage might include: a navigation menu, article and advertising.
In the HTML code, the three types of content might be separated, by placing each in its own <div>.

<div id="navMain">
   <h4>Main menu</h4>
   ...
</div>

<div id="contentMain">
   <h1>Article title</h1>
   <p>Introduction...</p>
   ...
</div>


<div id="contentAdvertising">
   <h4>Advertisers links</h4>
   ...
</div>

Using the Cascading Stylesheets (CSS) presentational language, a <div> can also be styled.

For example, <div>s are commonly used to create webpage layouts or grids. CSS is used to control the visual qualities of each <div>, including its: height and width, position, background colour and borders.

div-i-tis

Div-i-tis is an informal term that is used to describe webpage code where the <div> element has been used excessively, unnecessarily or inappropriately.

Related terms: CSS, element/tags, HTML, markup, template, web standards.

 

Motive Web Design Glossary Trivia