Skip navigation
man at work
man at work Calculating status...
Currently Being Moderated

Headers or Headings H1-H6?

Sep 5, 2011 5:42 AM

Hello!

What is the best practise using headers or headings h1-h6 in the sectional elements section, article, aside, nav?

I´ve noticed that the following code creates an "Untitled Section" in the document outline:

 

<section>

<header>Section Name</header>

</section>

 

while these two combinations creates a section in the ouline.

 

<section>

<header><h1>Section Name</h1></header>

</section>

 

<section>

<h1>Section Name</h1>

</section>

 

Does it matter which one you choose since they both generate the same result

or is there more to it?

Anyone who can clarify this?

863 Views   2 Replies   Latest reply: phpzag.com, Jun 8, 2012 8:23 PM
 
Replies
  • pziecina
    Currently Being Moderated
    1. pziecina,
    Sep 5, 2011 9:57 AM   in reply to man at work
    Report

    Hi

     

    The use of <header> is probably best associated with <div id="header"> in that in identifies a particulate function/section within your mark-up.

     

    For a complete explanation of how the html5 semantics work and what they mean see - http://www.adobe.com/devnet/dreamweaver/articles/understanding-html5-s emantics.html.

     

    PZ

     
    |
    Mark as:
  • phpzag.com
    Currently Being Moderated
    2. phpzag.com,
    Jun 8, 2012 8:23 PM   in reply to pziecina
    Report

    Currently HTML5 is exciting and anyone who want to builds web pages is looking forward to implementing HTML5 new tags into their sites. Definitely HTML5 tags are very rich in functions that make life much easier for both webmasters and end users

    Within the HTML5 specfication we can see that there have been a significant number of new tags added, one of these the <header> element is what we’ll be covering here. We will talk about when to use it, when not to use it.

    Please check this for complete details:

    http://www.phpzag.com/the-header-element-in-html-5/

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points