Why Firefox Doesn't Recognize ?

I would just like to confirm if Firefox can't interpret

tag? I created a website and tested it on Chrome and Safari. Everything was fine until I tested it on firefo

Solution 1:

Adding article { display: block; } to your style sheet. FF is probably treating it as an inline element because it's not fully supported.

I've used HTML5 to build a test system and it's worked fine on all browsers with a few tweaks.

EDIT

This is a script I wrote to test out some web scraping : http://randomcoding.com/steam/ I used HTML5 as the markup to see what all the fuss was about.

As you can see from the stylesheet, I've made some elements block items

/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

This method works for me on most browsers I checked (Chrome, Opera 10, FF3-4, IE8-9).

However, if you're starting out, I recommend you have a look at HTML5 Boilerplate : http://html5boilerplate.com/

It's got the best practices for when using HTML5 to markup your site. A good place to start.

Solution 2:

Take a read at HTML5 tags not working at all in firefox 3.6.3

Solution 3:

Firefox has no problem with the <section> tag, but Internet Explorer has.