Once you get started performing CSS layouts, it’s effortless to get sucked into the use of DIV tags for every thing. At 1 point, I was even working on a internet site where each and every paragraph was surrounded by …. That’s a bit excessive. But it’s entirely understandable. When you’re first learning CSS layouts, it’s difficult enough to realize how to get the page to look the way you want it to look with out worrying about whether or not you’re utilizing semantic markup to produce your Web page. And besides, nearly every single example written uses the div tag to demonstrate how to put up CSS layouts, why ought to you be any different?
When you’re trying to set up a Web page where the styles are separated from the content, you should also be attempting to markup your content so that it defines the content that is contained in it. The way you do this is by thinking about the structure of your page and what the elements you’re placing on the page are rather than just what they’re going to look like. For example, this About Web page has some standard elements in the design.
(more…)