Too much DIV ?

Read that we shouldn't be using too much DIV's(+ SPAN, CLASS, ID's), but when comparing my code with others: remarked that most of them are abusing-it way more.

What is too much?

Thanks in advance!

 

The usage of DIVs is preferred to using TABLE tags, as of XHTML and HTML4. However, with HTML5 and support for CSS3 (coming soon in IE9, currently in FF4 and partially supported by Chrome) you can reduce the amount of DIVs by using CSS3 display features. In short, instead of creating a whole table hierarchy, you simply write .myclass{display: table-cell;} The browsers know to fill in the rest of the information (table, body, row, etc.) which reduces the number of DIVs you need significantly.
Ironically after killing ourselves to learn to code without tables, we will be going back to them... but using CSS instead of HTML. This will reduce the amount of DIVs and code overall.

 

Enclosing elements in divs that are fine on their own. That's annoying because it takes me longer to see the page structure.

 

You can use as many divs as you want, but using less will make your code a little easier to read.

 

Thanks for your tips!
Going back to work on gedit & having a clear view.