[前端开发面试题][HTML5]HTML5有什么新特性,如何处理html5新标签的浏览器兼容问题

HTML5有什么新特性

一、添加了canvas
canvas教程:
https://www.w3school.com.cn/html5/html_5_canvas.asp
二、新增了一些语义化标签
如header footer
三、本地存储:
localStorage sessionStorage websocket
四、新增了一些表单控件

拾色器

该控件允许输入一个合法的邮件格式,如果输入的是非法的格式,会有提示,相比用自定义的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}

你可能感兴趣的:(前端面试题,html5)