What should be used and different between DIV Tag and HTML5 Elements ( Section, Article )?

Question

I am developing the HTML5 application in which I am using the following tags.

<header>
<selction>
<article>
<footer>

I am wondering that what are the actual use of that tags in HTML5 application. we already use the <div> tag in our traditional application which is also working same as above given tags so, what actually the better use for above tags.

Is there any different between <div> and html5 tags?

or it is just a logical element for grouping the elements in application.

See a bit Hillarious but I tried searching if there is a . 2 - firebugged to see if the inner HTML is changed . But still no following tags ? heres another link http://stackoverflow.com/questions/134727/whats-the-key-difference-between-html-4-and-html-5 — Anobik, Sep 29 '13 at 13:20
Dude go and start experimenting. Theory stuffs wont effect this question :) — Anobik, Sep 29 '13 at 13:34
And I did not -1 you :-) I wouldnt have answered if I had to do — Anobik, Sep 29 '13 at 13:41

score 4 · Answer 1 · answered Sep 29 '13 at 13:16

4

the HTML5 semantic tags like section, article etc describes its meaning to both the browser and the developer.

They work no different from div's but are more meaningful than divs all over a page which can get messy.

So i would have section in my site inside these sections if i needed to break it down i would add articles inside. Or things like aside lets you know its gonna be a sidebar rather than a plain old div.

Hope this makes sense

answered Sep 29 '13 at 13:16

Adam 'Sacki' Sackfield

594
1
4
19

My question is that if i use `
` and `
` will it automatically stay at header and footer means at bottom? or we should add style to looks like this.
– Ashwin Parmar Sep 29 '13 at 13:21
1

if you use header you would target it with the css selector header and style it to stay at top or where ever. same for footer. So to be clear header tag doesn't style it you need to style it. Just easier semantically than having a div with class header. saves you a fullstop in css – Adam 'Sacki' Sackfield Sep 29 '13 at 13:26

score 0 · Accepted Answer · answered Sep 29 '13 at 13:29

0

here's two link answer is they are just meant to distinguish between different tags

Header

footer w3

if you want to understand the difference try firebugging in the try it editor or use fiddle

answered Sep 29 '13 at 13:29

Anobik

4,841
2
17
32

What should be used and different between DIV Tag and HTML5 Elements ( Section, Article )?

2 Answers2