HTML5标签在Firefox 3.6.3中完全无法工作

Question

HTML5标签在Firefox 3.6.3中完全无法工作

22

好的，我正在尝试进入这个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>

- William

它将在Firefox 4中推出。 - Ms2ger

3个回答

2

这些标签在Firefox 3.6.11和Opera 11.0中根本无法工作 - 不管CSS的display属性如何，它们都不能正确解析。例如，在上面的示例中插入段落标记，它会崩溃。这里是一个例子。在WebKit，Firefox 4和Opera 11.11中，您可以获得正确的结果：

WebKit screenshot

但你可以在 Opera 11.0 和 Firefox 3.6 中得到这个。

Opera screenshot

- Josh Lee

当然可以，但我不应该改变我的标记以适应一个有问题的解析器。 - Josh Lee

反之，Firefox 不应该为损坏（无效）的 HTML 更改其解析器。不关闭像 <p> 和 <li> 这样的标签在技术上是无效的，并且将在在线验证器中失败。 - Neddy

4

FTR：不闭合像 <p> 和 <li> 这样的标签是完全有效的。HTML 并不需要严格符合 XML 的规范。这在 HTML5 中并不是新特性，自始至终都是这样，一些元素可以隐式地创建，一些可以隐式地关闭。 - Nicholas Wilson

0

如果你真的需要在Firefox中测试HTML5输出（我无法想象为什么），你可以通过“about:config”激活它，并将html5.enable设置为true。记住，他们不是无缘无故地关闭它的。对于真实世界的工作，你需要CSS，所以我建议你也要深入研究它。

- Egor Kloos

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Delan Azabani · Accepted Answer

Firefox 3.6还不支持HTML5节段元素。你需要手动设置这些标签的样式为块级元素：

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

你不需要使用HTML shim，因为那只是为了解决IE的问题。