美文网首页
低版本浏览器如何兼容HTML5的新增标签?

低版本浏览器如何兼容HTML5的新增标签?

作者: 迷人的洋葱葱 | 来源:发表于2017-07-12 15:57 被阅读0次

一、普通标签兼容问题

方案一:

step1:将新增标签当做自定义标签,用js创建

<script>
document.createElement("leo");//可以使用自定义标签
document.createElement("header");
document.createElement("article");
document.createElement("aside");
document.createElement("section");
document.createElement("footer");
</script>

step2:给新增标签加上display样式。
如:display:block;

方案二:

使用Google插件

<script src="html5shiv.js"></script>

注意:自定义标签不可以被插件识别

一、功能标签兼容问题

如:datalist details progress
解决办法:用js来实现兼容

相关文章

  • HTML5_CSS3

    1: HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签 HTML5 是...

  • HTML5_CSS3_媒体查询

    1、 HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签? HTML5是...

  • HTML5_CSS3

    1、HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签? HTML5 是...

  • HTML5&CSS3

    HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签? HTML5是超文本...

  • HTML5 CSS3相关问题

    1: HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签 HTML5是什...

  • 高级7

    题目1:HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签 HTML5是...

  • HTML5、CSS3

    题目1: HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签HTML5是...

  • web前端-css3

    1、 HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签 HTML5是什...

  • HTML5/CSS3

    HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签? HTML5是HTM...

  • 高级7-css3的简单效果

    HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签 HTML5是HTML...

网友评论

      本文标题:低版本浏览器如何兼容HTML5的新增标签?

      本文链接:https://www.haomeiwen.com/subject/synqcxtx.html