Saturday, August 13, 2011

HTML5 Tutorial 6: Headers and footers

The header and footer tags have been simplified in HTML5, before you had to use CSS to define the header and footer and then use div tags to include them. Now in HTML5 it's just 2 simple tags! I introduce to you:
<header> </header> and <footer></footer>

<header>


The <header> tag specifies an introduction, or a group of navigation elements for the document and is used like so:
<header><p><b>This is a header!</b></p></header>

You can add whatever tags you want to the header, I used the paragraph and bold tags from a previous tutorial, Unfortunatley I can't show what this looks like because it is not allowed in Blogger.

<footer>
The <footer> tag is almost the same as the header tag, The <footer> tag defines the footer of a section or document. Typically contains the name of the author, the date the document was written and/or contact information, you use it like this:
<footer>This page is copyright Murdernickel 2011, All rights reserved</footer>
As with above, I'm unable to show what this looks like due to it not being allowed in Blogger.

25 comments:

  1. Nice blog! I have studied a bit of HTML in school, but I was never that good in it, now that I kind of need it, this will come in handy.

    ReplyDelete
  2. Pretty sure this will come in handy soon.

    ReplyDelete
  3. I should probably start learning this stuff, for my websites.

    ReplyDelete
  4. is it in this part where you put the META stuff?

    ReplyDelete
  5. I will most definelty use it someday

    ReplyDelete
  6. now i reaalllly can't wait. this stuff is the future

    ReplyDelete
  7. I'm glad you're starting out with the easy stuff, so I can follow along.

    ReplyDelete
  8. Nice about the header and footer tags, I'm still doing it the old way. thanks, again for the tips/tutorial

    ReplyDelete
  9. great. any html tips are always helpful.

    ReplyDelete
  10. Very useful! The easy stuff first is always the best!

    ReplyDelete
  11. I'm learning a lot of HTML from you.. Keep it up!

    ReplyDelete
  12. Awesome, i have to create a website for school, this will come in handy :)

    ReplyDelete
  13. Gonna try this out thanks for the post

    ReplyDelete
  14. brilliant this stuff is all amazing, really useful cheers (y)

    ReplyDelete
  15. Some pretty useful info! i want to learn some coding pretty soon :)

    ReplyDelete
  16. great stuff man will defiantly follow this for ref.

    ReplyDelete
  17. Tanks man realy good info

    ReplyDelete
  18. Nice post. Great blog. Thanks for the share. Keep posting such kind of information on your blog.
    html5 player

    ReplyDelete