考虑旧浏览器,使用HTML5元素是否谨慎？

Question

我喜欢思考的东西<header>,<footer>,<article>,<section>和HTML5文档类型.

现在设计页面有什么好处吗？旧版浏览器将如何看待它们？他们可以验证吗？

我只是不确定这些东西是如何向后兼容的.

Answer 1

确保向后兼容性的一个好方法是使用类似modernizr的东西,它是一个javascript文件,它告诉你用户的浏览器支持哪些html5/css3功能,这允许你以一种优雅地降级的方式设计你的代码,或者只是对不同的浏览器使用不同的规则(例如,为支持它的浏览器创建一个使用border-radius的类,为不支持该属性的浏览器创建一个单独的基于图像的圆角的圆.

Modernizr网站

Answer 2

您在帖子中问了几个问题：

现在[使用 HTML5] 设计页面有什么好处吗？

是的

使用新的语义网，您可以获得语义。您赋予数据以意义，然后数据就能做出奇妙的事情。

旧版浏览器将如何看待它们？

这取决于浏览器

HTML 规范规定，非标准 HTML 元素应该被忽略，就好像它们从一开始就不在源代码中一样（除非另有说明）。对于大多数符合标准的浏览器（例如：FF、Safari、Opera、Chrome），您必须在显示 HTML5 元素之前为其指定显示样式：

section, header, footer, nav, article
{
  display: block;
}

请记住，这依赖于实际上符合规范的浏览器，而某些较旧的浏览器*咳嗽* IE *咳嗽* 没有做到这一点_{（有时我想知道 IE 开发团队是否阅读过任何 HTML 规范）}。

它们可以被验证吗？

有点...

HTML5 规范尚未最终确定，但已经有许多在线 HTML5 验证器可供使用。