1. 什么是HTML5
TML5 是对 HTML 标准的第五次修订。HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。
简单点理解成为HTML 5 ≈ HTML4.0+CSS3+JS+API
2. 如何区分html和html5
1.文档声明区别
HTML:超文本标记语言,一种纯文本类型的语言。
HTML5.0:文档声明HTML5方便书写,精简,有利于程序员快速的阅读和开发。
2.html5提供了一些语义化的标签
html:没有体现结构语义化的标签,如:<div id="nav"></div>
html5:添加了许多具有语义化的标签,如:<article>、<aside>、<audio>、<bdi>...
3.绘图区别
HTML:指可伸缩矢量图形,用于定义网络的基于矢量的图形。
HTML5:HTML5的canvas元素使用脚本(通常使用JavaScript)在网页上绘制图像,可以控制画布每一个像素
2.html5新增了哪些元素和Api接口
新增元素
绘画 canvas
用于媒介复回放的 video 和 audio 元素
语意化更好知的内容元素,比如 article、footer、header、nav、section;
figure:是对多个元素进行组合并展示的元素,通常与 ficaption 联合使用。
表单控件 calendar、date、time、email、url、search,tel,number,color
新的技术道webworker, websocket, Geolocation;
内容元素,比如 article、footer、header、nav、section;
表单控件,calendar、date、time、email、url、search,number,color
document.querySelector() document.querySelectorAll()
localStorage,sessoinStorage,pushState,replaceState
3. 移除了哪些元素
js
<basefont> 默认字体,不设置字体,以此渲染
<font> 字体标签
<center> 水平居中
<u> 下划线
<big> 大字体
<strike> 中横线
<tt> 文本等宽
---
<frameset>
<noframes>
<frame>
4. Html5有什么优势
1.跨平台性
H5的最显著的优势在于跨平台性,用H5搭建的站点与应用可以兼容PC端与移动端、Windows与Linux 安卓与IOS,降低了开发难度,节约了开发时间和成本的投入。
2. 即时更新
webApp开发通过浏览器,可以即时更新
3.离线缓存
本地存储功能相比cookie来说空间更大一下,使用更方便
视频和音频的支持性
元素代码更清晰,语义性更强
4.如何处理HTML5新标签的浏览器兼容问题
html5的新标签在IE6/IE7/IE8上并不能识别,解决方案
使用js判断如果小于IE9版本,把这些新标签放到数组中,然后通过js的document.createElement()创建节点
使用Google的html5shiv包
5.导航动画
做一个导航块滑动