HTML面试题二：如何处理HTML5的新标签的浏览器的兼容问题

最新推荐文章于 2021-06-27 11:57:30 发布

@HongLi

最新推荐文章于 2021-06-27 11:57:30 发布

阅读量144

点赞数

分类专栏： HTML面试题

本文链接：https://blog.csdn.net/m0_54249336/article/details/113465976

版权

HTML面试题专栏收录该内容

10 篇文章 3 订阅

订阅专栏

文章目录

- 1. 使用DOM的添加操作来创建这和元素
- 2. 使用封装好的JS库—html5shiv.js

1. 使用DOM的添加操作来创建这和元素

这种方式适用于小项目，少量的新标签的添加

	<!DOCTYPE html>
	 <html>
	<head lang="en">
	     <meta charset="UTF-8">
	    <title>测试H5新标签兼容性</title>
	     <script>
	         document.createElement('header');
	         document.createElement('footer');
	     </script>
	     <style>
	        header, footer{display: block; width:50px; height: 50px; background-color:red;}
	    </style>
	 </head>
	 <body>
	 
	 <header id="header">header</header>
	 <footer id="footer">footer</footer>
	
	</body>
	</html>

2. 使用封装好的JS库—html5shiv.js

<!-- 引入即可 -->
<script src="js/html5shiv.js"></script>

@HongLi

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML面试题二：如何处理HTML5的新标签的浏览器的兼容问题

文章目录一、pandas是什么？二、使用步骤1.引入库2.读入数据总结提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport panda
复制链接

扫一扫

专栏目录