为什么 FIrefox 无法识别
？

发布于 2024-10-27 11:06:55 字数 236 浏览 1 评论 0原文

我只是想确认 Firefox 是否无法解释

标签？我创建了一个网站并在 Chrome 和 Safari 上进行了测试。一切都很好，直到我在 Firefox 上测试它，结果很糟糕。我花了将近 2 天的时间才发现 Firefox 无法处理

标签。我只是想确认一下，因为我不确定。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

分開簡單 2024-11-03 11:06:55

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

我使用 HTML5 构建了一个测试系统，只需进行一些调整，它就可以在所有浏览器上正常运行。

编辑

这是我编写的一个脚本，用于测试一些网络抓取：http://randomcoding.com /steam/ 我使用 HTML5 作为标记来看看有什么大惊小怪的。

正如您从样式表中看到的，我已经制作了一些元素块项目

/* 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 标记网站的最佳实践。一个很好的起点。

Adding article { display: block; } to your style sheet. FF is probably treating it as an inline element because it's not fully supported.

I've used HTML5 to build a test system and it's worked fine on all browsers with a few tweaks.

EDIT

This is a script I wrote to test out some web scraping : http://randomcoding.com/steam/ I used HTML5 as the markup to see what all the fuss was about.

As you can see from the stylesheet, I've made some elements block items

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

This method works for me on most browsers I checked (Chrome, Opera 10, FF3-4, IE8-9).

However, if you're starting out, I recommend you have a look at HTML5 Boilerplate : http://html5boilerplate.com/

It's got the best practices for when using HTML5 to markup your site. A good place to start.

回复收藏 0 原文