很多没有学过 html5 大前端的同学, 对 HTML5 并不了解, 经常会提出疑问: HTML5 与传统 HTML 有什么区别? 下面本篇文章就来给大家介绍一下 HTML5 和 HTML 两者之间的区别, 希望对你有所帮助.
什么是 HTML 和 HTML5?
HTML 代表超文本标记语言, 用于使用标记语言设计网页. HTML 是超文本和标记语言的组合, 超文本定义了网页之间的链接; 标记语言用于定义标记内的文本文档, 该文档定义网页的结构. 此语言用于注释 (在计算机注释中) 文本, 以便机器可以理解它并相应地操作文本.
大多数标记 (例如 HTML) 语言都是人类可读的. 该语言使用标签来定义必须对文本进行哪些操作. 它用于在网页上构造和呈现内容.
HTML5 是 HTML 的第五个版本, HTML5 中删除或修改了许多元素.
HTML5 和 HTML 的区别
首先, HTML5 已经远远超越了标记语言的范畴, 它的设计目的是在移动设备上支持多媒体, 和 HTML 比起来, 深度和广度上都做了进一步提升.
接着, 我们来看一下两者的声明文件类型:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- HTML5
<!DOCTYPE HTML>
由上面可以看到, 在文档声明上, HTML 的声明代码很长很复杂, 而 HTML5 的声明更为简单, 方便记忆, 所以 HTML5 要比 HTML 更有利于程序员的快速阅读和开发.
此外, 两者结构语义也有所不同. HTML 没有结构语义化的标签, 通常以 < divid="header"></div > 来命名, HTML5 则增加了很多语义化的标签, 比如:<header> ,<nav>,<article>,<aside>,<footer > 等, 使代码结构清晰, 更加具有可读性.
HTML5 新增了强大的绘图功能, 通过绘画功能, 加上 JS 可以实现动画以及图片. 而 HTML4.0 却不行. 在 HTML5 中, Canvas 和 SVG 可以进行绘图, Canvas 相当于一个画布, 可以通过 JavaScript 来绘制 2D 图形, Canvas 是逐像素进行渲染的. SVG 是可伸缩矢量图形, 用于定义网络的基于矢量的图形, SVG 严格遵从 xml 语法, 其图像文件可读并且易于修改和编辑, 可以被搜索, 索引, 脚本化或者压缩. 可以在任何分辨率下被高质量地打印.
除了上述几点, 强大的 HTML5 还新增了视频标签. 这个功能是 HTML4.0 所不具备的, 用 HTML4.0 插入视频需要很长一段代码, 但是用 HTML5 就只需要 video 标签即可.
总结:
1, 文档声明区别
HTML 文档的类型声明为:
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- // 或
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML5 文档的类型声明为:
<!DOCTYPE HTML>
HTML5.0: 文档声明 HTML5 方便书写, 精简, 有利于程序员快速的阅读和开发.
2, 结构语义区别
HTML: 没有体现结构语义化的标签, 如:<div id="nav"></div>
html5: 添加了许多具有语义化的标签, 如:<article>,<aside>,<audio>,<bdi>...
相对于 HTML,HTML5 中新增和修改了一些元素.
3, 绘图区别
HTML: 指可伸缩矢量图形, 用于定义网络的基于矢量的图形.
HTML5:HTML5 的 canvas 元素使用脚本 (通常使用 JavaScript) 在网页上绘制图像, 可以控制画布每一个像素.
4, 音频和视频的支持
HTML 如果不使用 Flash 播放器支持, 它不支持音频和视频. HTML5 使用 < audio > 和 < video > 标签来支持音频和视频控制.
5, 语法的处理
HTML 无法处理不准确的语法; HTML5 能够处理不准确的语法.
来源: http://www.css88.com/qa/html5/13397.html