为什么FIrefox无法识别<section>？</section>

Question

我想确认Firefox是否无法解释<section>代码？我创建了一个网站并在Chrome和Safari上进行了测试。一切都很好，直到我在Firefox上测试它，这太可怕了。我差不多花了两天才发现Firefox无法处理<section>标记。我想确认一下，因为我不确定。

Answer 1

将article { display: block; }添加到样式表中。 FF可能将其视为内联元素，因为它不完全受支持。

我已经使用HTML5构建了一个测试系统，并且通过一些调整在所有浏览器上都运行良好。

编辑

这是我编写的用于测试网页抓取的脚本：http://randomcoding.com/steam/我使用HTML5作为标记来查看所有大惊小怪的内容。

从stylesheet可以看出，我已经制作了一些元素块项目

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

此方法适用于我检查过的大多数浏览器（Chrome，Opera 10，FF3-4，IE8-9）。

但是，如果您刚开始，我建议您查看HTML5 Boilerplate：http://html5boilerplate.com/

使用HTML5标记您的网站时，有最佳做法。一个好的起点。

Answer 2

阅读HTML5 tags not working at all in firefox 3.6.3

Answer 3

Firefox <section>标记没有问题，但Internet Explorer有。