[HTML5]HTML5有什么新特性，如何处理html5新标签的浏览器兼容问题

最新推荐文章于 2024-01-20 08:36:14 发布

DaftJayee

最新推荐文章于 2024-01-20 08:36:14 发布

阅读量358

点赞数

分类专栏：前端面试题 html5

本文链接：https://blog.csdn.net/qq_43540219/article/details/107942922

版权

前端面试题同时被 2 个专栏收录

67 篇文章 3 订阅

订阅专栏

html5

3 篇文章 0 订阅

订阅专栏

HTML5有什么新特性

一、添加了canvas
canvas教程：
https://www.w3school.com.cn/html5/html_5_canvas.asp
二、新增了一些语义化标签
如header footer
三、本地存储：
localStorage sessionStorage websocket
四、新增了一些表单控件
<input type="color" name="selcolor">
拾色器
<input type="email" name="email">
该控件允许输入一个合法的邮件格式，如果输入的是非法的格式，会有提示，相比用自定义的input+正则表达式验证要好的多，少写很多代码。
更多参考：
https://baijiahao.baidu.com/s?id=1647070703906657279&wfr=spider&for=pc

如何处理html5新标签的浏览器兼容问题

使用html5shiv
原理：用document.createElement()创建html5标签
引入方法：

在<head></head>中：
<!--[if lt IE 9]>
<script 
src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js">
</script>
<![endif]-->

在<style></style>中：
article,aside,dialog,footer,header,section,footer,nav,figure,menu
{display:block}

DaftJayee

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
[HTML5]HTML5有什么新特性，如何处理html5新标签的浏览器兼容问题

HTML5有什么新特性一、添加了canvascanvas教程：https://www.w3school.com.cn/html5/html_5_canvas.asp二、新增了一些语义化标签如header footer三、本地存储：localStorage sessionStorage websocket四、新增了一些表单控件<input type="color" name="selcolor">拾色器<input type="email" name="email"&g
复制链接

扫一扫

专栏目录