HTML5设计的目的是为了在移动设备上支持多媒体。
HTML5在H4的基础上加入了新的语法特征,比如video、audio、canvas标记。
H5还引进新的功能,对本地离线存储有更好的支持,添加了语义化更好的内容元素(article、footer、header等等)、新的表单控件(calendar、date、time、email、url)。
那么如何快速分辨一个网页是H5还是H4的呢?
我们可以检查它的文档类型。
HTML4的文档类型有三种
分别是HTML4.01文档过渡定义类型(<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd)、HTML4.01文档严格定义类型(<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd)、HTML4.01文档框架定义类型(<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/frameset.dtd)
HTML4声明引用了DTD(文档类型定义),这样浏览器才能正确的呈现内容。而HTML5不基于SGML,不需要引用DTD。
HTML5的文档类型只有一种 ----><!DOCTYPE html>
还有就是可以看网页的结构元素中是否存在H5独有的新添加的元素。
另外我还要说一下 html5的优化
1.它减少了对于外部插件的需求(比如Flash)
2.添加了许多自适应的网页设计
比如,只需要在网页代码的头部,加入一行viewport元标签,就可以控制网页在移动端全屏幕大小
<meta name="viewport" content="width=device-width, initial-scale=1" />
3.多设备跨平台, 即一个H5页面可同时运行在多个平台上
4.可以使搜索引擎更容易抓取和索引
5.异常处理更灵活 H5相比H4给出了解析的详细规则,力图让不同的浏览器即使在发生语法错误时也能返回相同的结果
*****************************************************************************************************
完结撒花 ✿✿ヽ(°▽°)ノ✿ 谢谢观看~~~