html 5 tag not supporting on below ie9?

Question

i just visited apple.com and they use some html5 tag like nav. it is working in all broswer but i i try to test html5 code it is not working in ie8 and ie7. i am not getting wha

Answer 1

Try to use this script to get html5 work: http://www.modernizr.com/download/

Answer 2

It depends what you mean by “not working in ie8 and ie7”. I see you’ve got HTML5shiv in there — that should make IE recognise your <header> element at least. Is the red border showing up at least?

Bear in mind that IE (just like older versions of Firefox) won’t apply any default styles to these elements, so you’ll need to add those too, e.g.

header {
    display: block;
}

Reset stylesheets like Eric Meyer’s add this CSS for you:

• http://meyerweb.com/eric/tools/css/reset/

Answer 3

IE8 and IE7 aren't HTML5 compliant, so your code won't execute. I'm guessing the Apple site has caveats to test which browser you are using . Any control in particular you're looking to use?

Answer 4

older versions of IE don't treat the new HTML5 elements like header, nav, article, footer, address as "unknown" elements.

You can simply introduce the new elements to the old IE family members by using a simple JavaScript approach:

document.createElement("article");  
document.createElement("footer");  
document.createElement("header");  
document.createElement("hgroup");  
document.createElement("nav");

Check out the article HTML5 Shiv and e.g. the modernizr framewoerk

HTH,

--hennson