header in HTML5

Question

Possible Duplicate:
<header> vs. <head>

Do I have to use <div class="header"> as <header> in HTML5? Somebody explained one question like that <header> vs. <head>. I am a bit confused. Thanks for any help. I appreciate it.

To the extent that this question is not an exact duplicate, it is unanswerable as vague and unconstructive. — Jukka K. Korpela, Apr 19 '12 at 07:09
The question has also been changed significantly since I answered it. Voting to close. — Rob Stevenson-Leggett, Apr 19 '12 at 12:45

Rob Stevenson-Leggett · Accepted Answer · 2012-04-23T16:59:28.907

9

As the linked question explains:

   <head>
     <title>Your page | Your company</title>
     <meta name="keywords" value="blah blah"/>
     <link rel="stylesheet" href="css/style.css">
     <script></script>
   </head>

is still the same in HTML5, for storing meta information and linked scripts etc.

Header is a new element for grouping the header of a page or section symantically.

Including James Simm's info:

Technically, the element in HTML5 represents a group of introductory, or navigation aids. It isn't just for a given page or document. can be used within sectioning elements such as or too. See WHATWG for more info

   <header>
     <h1>Your page heading</h1>
     <nav>
        <ul><li>Global Nav Item 1</li></ul>
     </nav>
   </header>

edited Apr 23 '12 at 16:59

answered Apr 19 '12 at 06:58

Rob Stevenson-Leggett

35,279
21
87
141

Very well explained. Cool stuff. – Ankit Apr 19 '12 at 07:09
1

Technically, the `
` element in HTML5 represents a group of introductory, or navigation aids. It isn't just for a given page or document. `
` can be used within sectioning elements such as `
` or `
` too. [See WHATWG for more info](http://developers.whatwg.org/sections.html#the-header-element)
– James Simm Apr 20 '12 at 12:56
Have updated to include your info Jim – Rob Stevenson-Leggett Apr 23 '12 at 16:59

score 1 · Answer 2 · answered Apr 19 '12 at 06:57

1

You do not need to use any of the new tags in HTML5. You can use them if you want though.

<header> is a semantic tag to mark the header section of your site while <head> is the are where things like meta tags go.

answered Apr 19 '12 at 06:57

ThiefMaster

310,957
84
592
636

score 0 · Answer 3 · answered Apr 19 '12 at 06:57

0

<head></head>

is where your meta information, scripts, stylesheets etc.. goes.

And header is a bit like <div class="header">.

answered Apr 19 '12 at 06:57

username

4,258
1
16
26

score 0 · Answer 4 · answered Apr 19 '12 at 07:15

The <head> tag is used outside the body element Here you load your scripts and style sheets, put your meta data and your page title.

The HTML5 <header> tag is used to display a header on your page. Containing your logo or your menu. Depending on the site.

These are 2 different tags with 2 different meanings

score 0 · Answer 5 · answered Apr 19 '12 at 08:06

<header>, <article>, <section>, <aside>, <mark>, <footer> etc are tags added in HTML5 to make your code more meaning full then <div>.

<div> is basically for division it's not make clear what content you do have inside your DIV.

<header> as it's name anyone can understand that it's contain content related to heading

same for article, section, aside, mark they all are tags contain content have to display to user.

<head> tag do not contain any information have to display on screen to user. It's for your meta tags, to add style sheets, title, keywords etc.

For more information in detail you can check http://html5doctor.com/ It's a excellent website to understand HTML5 in detail

header in HTML5

5 Answers5