Html5

189 阅读2分钟

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.导航动画

做一个导航块滑动