Why use HTML5 tags? [duplicate]

Possible Duplicate:
Are new HTML5 elements like <section> and <article> pointless?

I have decided to, finally, make the move to designing websites in HTML5. I have one question about the new tags.

There are new tags such as; header, footer, navbar, etc.. Why are these tags preferred over the older method of using DIV ID's (eg. <div id="header">). I can see why this would make things simpler but wouldn't it be more confusing to have some tags that use HTML5 and some tags that use the older method? I, personally, find it more logical to use all or none, rather than a mixture.

If I'm missing the point entirely please let me know.


Solution 1:

It's not an either-or situation. HTML5 still has <div>s. It still has <span>s. The new tags are there to give you more expressive freedom and to standardize common elements. For instance, most pages have navigation bars, yet so far there was no standard for how those were marked up. If they're clearly marked up as <nav>, programs can start to use this information productively. Search engines can ignore or parse them and assistive technology can help the user navigate around the site.

It also makes it easier for you to work with your code. <nav> is so much easier to spot than <div class="main nav foobar baz">.

The new tags are an addition, not an entirely new set replacing the old tags.