web HTML5新标签对IE低版本浏览器的兼容处理

xuxu_77

于 2022-08-02 19:46:54 发布

阅读量392

点赞数

文章标签：前端 html5 javascript

本文链接：https://blog.csdn.net/xuxu_77/article/details/126129155

版权

本文探讨了如何处理HTML5新标签在IE低版本浏览器的兼容问题，介绍了两种解决方案：1) 使用JavaScript新增元素的方法，2) 使用html5shiv.js。同时，文章提及HTML5中废弃的标签，新增的多媒体元素如audio和video及其属性，以及source标签的使用，以及表单元素和属性的更新。

摘要由CSDN通过智能技术生成

1）使用JavaScript新增元素的方法解决

注意：使用javascript新增元素的方法解决，新增的出来的html5标签是行级元素，需要css把行内元素转为块 

    //js创建html5标签
        document.createElement("header");
        document.createElement("nav");
        document.createElement("article");
        document.createElement("section");
        document.createElement("aside");
        document.createElement("footer");
    </script>

    最后在css样式中将新建的header元素转为块级元素

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


<header>我说头部信息</header>

2）使用谷歌提供的html5shiv.js解决

插件功能：用于解决IE8及以下版本的浏览器对HTML5新增元素的不兼容问题
写在网页头部（写在head标签内部）

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

可以使用本地文件也可以使用外部资源库

- 百度静态资源库：（国内推荐使用）http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js