Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

header/footer/nav tags - what happens to these in IE7, IE8 and browsers than don't support HTML5?

I am eager to start using Html5 in particular the <header>/<footer>/<article>/<nav> tags.

What happens if the browser doesn't support these?

Also I need to style these so: For Example: The nav has borders and margins etc. You know standard CSS stuff.

So if I style them using the nav tag then IE7 & IE8 etc are going to ignore this?

like image 749
Martin Avatar asked Mar 20 '11 08:03

Martin


1 Answers

Place this is the <head> section of your page, before any CSS files are loaded.

<!--[if lte IE 8]> <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script> <![endif]--> 

html5shi(m|v) creates doc elements for all the html5 elements so the styles from your CSS can kick in. Default behaviour for IE is to ignore unknown elements. For more info see resig's blog post.

like image 133
Andrew Tubbs Avatar answered Oct 14 '22 18:10

Andrew Tubbs