div vs class, h1,h2, ... ,h5,p,ul?

"Brian" <brian (AT) agilitygraphics (DOT) com> wrote

When should I use <div> and when should I use <p class="header01"

<p class="header01"> is missing the point. You should use <h1>, etc. to
mark your headings as headings, and then apply CSS styles to get the look
you want - usually, by defining the <h1> in your external stylesheet.


--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

P@tty Ayers

p class="header01"> is missing the point. You should use
h1>, etc. to mark your headings as headings, and then
apply CSS styles to get the look you want - usually, by
defining the <h1> in your external stylesheet.

Agreed. To add (and probably to repeat), these tags have meanings. If,
for some reason, your CSS document fails to load, your HTML document will
still have some semblance of cohesiveness if you use the proper element
(tag) for the job (headers will still look like headers, etc.).

In addition, Google and other search engines make their decisions, at
least in part, based on the relevance of text as defined by certain
elements. Title and headings are often considered more important than a
plethora of paragraphs, so if your document has nothing but divs, you've
removed an implicit sense of order/priority to your content.


David
stiller (at) quip (dot) net
"Luck is the residue of good design."

Agreed. To add (and probably to repeat), these tags have meanings.
If, for some reason, your CSS document fails to load, your HTML document
will still have some semblance of cohesiveness if you use the proper
element (tag) for the job (headers will still look like headers, etc.).

In addition, Google and other search engines make their decisions, at
least in part, based on the relevance of text as defined by certain
elements. Title and headings are often considered more important than a
plethora of paragraphs, so if your document has nothing but divs, you've
removed an implicit sense of order/priority to your content.

And, furthermore, semantic markup is much more accessible and portable. That
means people using devices that don't use/care about visual CSS (screen
reader, text browser, etc.) can still make sense of your document. You're
also a step closer to a much more portable document format.

-Darrel