您的位置：首页 > Web前端 > HTML5

HTML5与HTML4的区别

2018-01-21 17:58 204 查看

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给出了解析的详细规则，力图让不同的浏览器即使在发生语法错误时也能返回相同的结果

*****************************************************************************************************

完结撒花 ✿✿ヽ(°▽°)ノ✿ 谢谢观看~~~

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： H5 HTML5 H5和H4的区别如何分辨H5的页面

相关文章推荐

新的分享

章节导航