Теги HTML5 не работают вообще в firefox 3.6.3

Хорошо, поэтому я пытаюсь проникнуть во все это в HTML 5, и этот учебник (http://www.webreference.com/authoring/languages/html/HTML5/) говорит, что эти теги должны перемещать содержимое без какого-либо CSS, но все, что я получаю, это строка текста, которая выглядит так:

 Header tag   Nav tag    Artical Section tags    Aside tag   footer tag

Вот код:

<!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>

Ответ 1

Firefox 3.6 еще не поддерживает элементы HTML 5. Вам нужно будет вручную настроить теги на уровень блоков:

article, aside, canvas, details,
figcaption, figure, footer, header,
hgroup, nav, section, summary, video {
    display: block;
}

Вам не понадобится HTML-прокладка; что только для IE.

Ответ 2

Эти теги не работают вообще в Firefox 3.6.11 и Opera 11.0 - независимо от свойства CSS display, они просто не разбираются правильно. Например, если вы вставляете теги абзацев в приведенный выше пример, он разваливается. Вот пример. Вы получаете правильный результат в WebKit, Firefox 4 и Opera 11.11:

Но вы получите это в Opera 11.0 и Firefox 3.6:

Ответ 3

Если вам действительно нужно проверить вывод HTML5 в Firefox (я не могу себе представить, почему), вы можете активировать его через "about: config" и установить html5.enable в true. Помните, что они ничего не выключали. Для работы в реальном мире вам понадобится CSS, поэтому я предлагаю вам застрять в этом.