我可以使用哪些HTML5标记而不用担心浏览器兼容性?

我可以使用哪些HTML5标记而不用担心浏览器兼容性?,html,browser,cross-browser,compatibility,Html,Browser,Cross Browser,Compatibility,我正在构建一个在PC上使用的web应用程序。为了防止与IE8及以上浏览器的兼容性问题,HTML5标签应该远离哪些 注意:关于这个主题,大多数问题都是1-3岁的问题。您正在寻找HTML5兼容性矩阵 总的来说,存在一些问题 有人告诉我,你的问题的措辞是询问HTML5标记,但它也很有用 根据您可能找到或编写的任何Javascript查看新功能 在实践中,推荐的方法是测试该特征是否存在 而不是特定的浏览器。在这方面,脚本可能会有所帮助,但也有关于的报告 本地存储等功能可以追溯到IE8 其他的,比如Fil

我正在构建一个在PC上使用的web应用程序。为了防止与IE8及以上浏览器的兼容性问题,HTML5标签应该远离哪些


注意:关于这个主题,大多数问题都是1-3岁的问题。

您正在寻找HTML5兼容性矩阵


总的来说,存在一些问题

有人告诉我,你的问题的措辞是询问HTML5标记,但它也很有用 根据您可能找到或编写的任何Javascript查看新功能

在实践中,推荐的方法是测试该特征是否存在 而不是特定的浏览器。在这方面,脚本可能会有所帮助,但也有关于的报告

本地存储等功能可以追溯到IE8

其他的,比如FileReader,需要IE10/Firefox21/Chrome27


对于当前信息,请尝试像平常一样编写HTML5,并使用它确保与旧浏览器兼容。实际上,您只需要小心使用Javascript API,因为这些API几乎不可填充。如果您试图坚持使用基线HTML 4以实现兼容性,那么使用HTML 5是没有意义的。

快速比较哪些浏览器中有哪些标签可用,以及每个标签的支持级别,这是一个很好的资源。

您询问了要远离哪些HTML5标签

据我所知,HTML5中的一些标签是出于语义原因而制作的。比如下面的例子。

这将决定胜负

HTML5辅助链接 想要一个好的开始,你可以去看看

有关浏览器兼容性支持表,您可以签出-

HTML5-

HTML5多填充列表-

更新

如评论中所述


注意元标记X-UA-Compatible。如果您使用类似html5样板的东西,在元素周围有条件注释,这在html5 doctype IIRC中也会发生,那么即使使用标记,IE9也可能会强制自己进入IE7标准模式。他又罢工了


您可能需要对此进行调查,我目前没有任何支持。

此外,为了实现最佳的跨浏览器兼容性,我建议您使用Eric Meyer创建的reset.css。
这使得不同浏览器的元素在所有浏览器中的行为都相同。

检查和以获取最新的浏览器兼容性信息。@deceze任何链接以了解有关垫片的详细信息?是一个很好的资源,在web开发中使用任何东西都会担心浏览器兼容性…请参阅。一级材料可以毫无问题地使用。2级功能会优雅地降级。如果担心对旧浏览器的支持,则3级功能需要使用polyfill。注意:由于信息过时,本文的事实准确性可能会受到影响。请更新本文以反映最近的事件或最新可用信息。2013年3月是的,这可能是真的,但总的来说谷歌html5的兼容性我肯定有很多资源。我必须注意,localStorage&fileReader不是HTML标签,OP问什么html5标签有兼容性问题。哦,是的。在HTML5中有一大串语义标记,它们被推送到了HTML5中,作为一种使页面更具机器可读性,或许对SEO更友好的方式(或许不是)。有一些新的输入元素。我想其中一些可能在一个或多个浏览器中出现问题。我想caniuse可能会有这些信息…我很乐意用它作为顶行,而不是以前强加给我们的那些被诅咒的长而丑陋的东西。如果这是HTML 4和HTML 5文档之间唯一的变化。。。重点是什么另外,如果您可以指定,什么是旧IE?6,7,8?通常较旧的IE<article> <section> <aside> <nav> <header> <footer> ..ect
document.createElement('article');
<audio> <video> <source> <track> <embed> And most importantly <canvas> 
<section>, <article>, <aside>, <header>, <footer>, 
<nav>, <figure>, <figcaption>, <time>, <mark>
section, article, aside, header, footer, nav, figure, figcaption{
   display: block;
}
time, mark { 
    display: inline-block;
}
 <meta http-equiv="X-UA-Compatible" content="IE=edge">