views:

487

answers:

2

Okay, so I'm trying to get into this whole HTML 5 thing, and this tutorial (http://www.webreference.com/authoring/languages/html/HTML5/) says that these tags should move the content around without any kind of CSS at all, but all I'm getting is a line of text that looks like this:

 Header tag   Nav tag    Artical Section tags    Aside tag   footer tag  

Here is the code:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>HTML5 test1</title>
        <meta charset="utf-8" />
    </head>

    <body> 
        <header>
            Header tag
        </header> 

        <nav>
            Nav tag
        </nav> 

        <article> 
            <section> 
                Artical Section tags
            </section> 
        </article>

        <aside>
            Aside tag
        </aside> 

        <footer>
            footer tag
        </footer> 
    </body>  
</html>
+5  A: 

Firefox doesn't support HTML 5 sectioning elements yet. You'll have to manually style the tags to be block level:

article { display: block; }

You won't need the HTML shim, however; that's just for IE.

Delan Azabani
Make that "doesn't support HTML5 sectioning elements yet", with a specification as big as HTML5, "supporting HTML5" doesn't really mean much.
Ms2ger
Done. Thanks for the correction.
Delan Azabani
A: 

If you really need to test the HTML5 output in Firefox (I can't imagine why) you could activate it through "about:config" and setting html5.enable to true. Remember that they didn't switch it off for nothing. For real world work you will need CSS, so I suggest you get stuck in with that as well.

Egor Kloos