Question

好的，所以我试图进入整个HTML 5的事情，本教程（http://www.webreference.com/authoring/languages/html/HTML5/）说这些标签应该在没有任何类型的CSS的情况下移动内容，但是我只是m getting是一行文本，如下所示：

 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>

Answer 1

Firefox 3.6尚不支持HTML 5分区元素。您必须手动将标记设置为块级别：

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

然而，您不需要HTML垫片;那只是为了IE。

Answer 2

这些标记在Firefox 3.6.11和Opera 11.0中根本不起作用 - 无论CSS display属性如何，它们都无法正确解析。例如，如果您在上面的示例中插入段落标记，它就会崩溃。 Here’s an example。您可以在WebKit，Firefox 4和Opera 11.11中获得正确的结果：

WebKit screenshot

但是你在Opera 11.0和Firefox 3.6中得到了这个：

Opera screenshot

Answer 3

如果你真的需要在Firefox中测试HTML5输出（我无法想象为什么）你可以通过“about：config”激活它并将html5.enable设置为true。请记住，他们没有把它关掉。对于现实世界的工作，你需要CSS，所以我建议你也要坚持下去。

HTML5标签在firefox 3.6.3中根本不起作用

3 个答案: