1 HTML5和 HTML4有什么区别, HTML5的代码有什么特征？
2018-03-28 22:43
260 查看
HTML5 HTML5 是HTML 标准的最新演进版本。它是一个新的HTML 语言版本包含了新的元素，属性和行为，同时包含了一系列可以被用来让 Web 站点和应用更加多样化，功能更强大的技术。尽管HTML5 代表的是HTML 进化革命里的一大步。它向后兼容的能力意味着只要你适应HTML4， 你就可以适应 HTML5绝大多数新特性。你要了解 Html5不仅是设计取代 HTML4的，还有 XHTML1和 DOM level 2 HTML<
4000
span style="color:rgb(0,0,0);font-family:sans-serif;text-align:left;">。用于把 HTML5 文档的字节转换成 DOM 的解释器，已经被扩展了，并且现在精确地定义了在所有情况下使用的行为，甚至当碰到无效的 HTML 这种情况。这就使得 HTML5兼容的浏览器之间极大的可预测性和互操作性。HTML4 和 HTML5 的主要区别1 语法HTML5的 doctype非常简单。表明你的HTML内容使用 HTML5，只需要简单的使用：<!DOCTYPE HTML>在以前版本的HTML声明使用的字符集，它是一个非常复杂的<meta>元素，现在它变得非常简单：
<meta charset="UTF-8">比以前更短，更简单，更容易记住并且减少必须下载的字节数。
MathML和 SVG分别使得数学公式和矢量图像格式可以直接嵌入到HTML 中。2 新元素新的语义元素<mark>, <figure>, <figcaption>, <data>, <time>, <output>, <progress>， <meter>；新的外观概要和节段元素: <section>, <article>, <nav>, <header>, <footer>, <aside>, <hgroup>；能让你更精确地阐述你的内容。还有其他新属性用于拓展现存元素的功能。 3 HTML5 表单HTML5 拥有多个新的表单输入类型，包括email，url, number, Date pickers, color 等。HTML5中的表单元素和属性提供了比HTML4更多的语义标记，并取消了大量的在HTML4不可缺少的脚本和样式。HTML5中的表单功能为用户提供了更好的体验，使表单在不同网站之间更一致，并向用户提供有关数据输入的即时反馈。 4 元素内容模型HTML4将元素分为块级元素和行内元素, 不仅容易让人迷惑，还和CSS display属性中的同名术语一起容易造成混淆。HTML5 细分了元素内容模型，光主内容类就分成了元数据内容（Metadata content), 流式元素（Flow content），章节元素（Sectioning content）,标题元素（Heading contect）, 短语元素（Phrasing content）,嵌入元素（Embedded content），交互元素（Interactive content），表单相关内容（Form-associated content）。每个HTML元素都属于0个、1 个或多个内容模型，每个模型都有一些规则使得元素中的内容必须遵循一个HTML规范文档。
5 新APIs新APIs使得网络应用程序可以适用于不同设备和用户代理。<audio> 和 <video> 元素嵌入并支持新的多媒体内容的操作；<canvas>元素可被用来通过脚本（通常是JavaScript）绘制图形。比如,它可以被用来绘制图形,制作图片集合,甚至用来实现动画效果。应用缓存，在线离线事件，客户端会话和持久化存储等促进网络应用程序的储存和离线能力。Geolocation让浏览器使用地理位置服务定位用户的位置。
Drag and Drop API 能够支持在网站内部和网站之间拖放项目。同时也提供了一个更简单的供扩展和基于 Mozilla 的应用程序使用的 API。
Web Workers 能够把 JavaScript 计算委托给后台线程，通过允许这些活动以防止使交互型事件变得缓慢。Web Sockets允许在页面和服务器之间建立持久连接并通过这种方法来交换非 HTML 数据。
以上是 HTML5和 HTML4的主要几项区别。
HTML5的代码有什么特征？：
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search
1、语义特性：HTML5赋予网页更好的意义和结构。2、HTML5 APP Cache及本地存储：基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度3、设备兼容：HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以与浏览器内部的数据直接相连。4、连接特性：更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，能实现服务器将数据“推送”到web app的功能。5、图形特性：基于SVG、Canvas、WebGL及CSS3的3D功能，用户能在浏览器中得以体验到惊艳的视觉效果。语义：能够让你更恰当地描述你的内容是什么。
连通性：能够让你和服务器之间通过创新的新技术方法进行通信。
离线 & 存储：能够让网页在客户端本地存储数据以及更高效地离线运行。
多媒体：使 video 和 audio 成为了在所有 Web 中的一等公民。
2D/3D 绘图 & 效果：提供了一个更加分化范围的呈现选择。
性能 & 集成：提供了非常显著的性能优化和更有效的计算机硬件使用。
设备访问 Device Access：能够处理各种输入和输出设备。
样式设计: 让作者们来创作更加复杂的主题吧！
参考资料：https://www.youtube.com/watch?v=9MzAzLHmaRshttps://www.w3.org/TR/html5-diff/
https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTMLhttp://www.w3school.com.cn/html5/html_5_intro.asp
4000
span style="color:rgb(0,0,0);font-family:sans-serif;text-align:left;">。用于把 HTML5 文档的字节转换成 DOM 的解释器，已经被扩展了，并且现在精确地定义了在所有情况下使用的行为，甚至当碰到无效的 HTML 这种情况。这就使得 HTML5兼容的浏览器之间极大的可预测性和互操作性。HTML4 和 HTML5 的主要区别1 语法HTML5的 doctype非常简单。表明你的HTML内容使用 HTML5，只需要简单的使用：<!DOCTYPE HTML>在以前版本的HTML声明使用的字符集，它是一个非常复杂的<meta>元素，现在它变得非常简单：
<meta charset="UTF-8">比以前更短，更简单，更容易记住并且减少必须下载的字节数。
MathML和 SVG分别使得数学公式和矢量图像格式可以直接嵌入到HTML 中。2 新元素新的语义元素<mark>, <figure>, <figcaption>, <data>, <time>, <output>, <progress>， <meter>；新的外观概要和节段元素: <section>, <article>, <nav>, <header>, <footer>, <aside>, <hgroup>；能让你更精确地阐述你的内容。还有其他新属性用于拓展现存元素的功能。 3 HTML5 表单HTML5 拥有多个新的表单输入类型，包括email，url, number, Date pickers, color 等。HTML5中的表单元素和属性提供了比HTML4更多的语义标记，并取消了大量的在HTML4不可缺少的脚本和样式。HTML5中的表单功能为用户提供了更好的体验，使表单在不同网站之间更一致，并向用户提供有关数据输入的即时反馈。 4 元素内容模型HTML4将元素分为块级元素和行内元素, 不仅容易让人迷惑，还和CSS display属性中的同名术语一起容易造成混淆。HTML5 细分了元素内容模型，光主内容类就分成了元数据内容（Metadata content), 流式元素（Flow content），章节元素（Sectioning content）,标题元素（Heading contect）, 短语元素（Phrasing content）,嵌入元素（Embedded content），交互元素（Interactive content），表单相关内容（Form-associated content）。每个HTML元素都属于0个、1 个或多个内容模型，每个模型都有一些规则使得元素中的内容必须遵循一个HTML规范文档。
5 新APIs新APIs使得网络应用程序可以适用于不同设备和用户代理。<audio> 和 <video> 元素嵌入并支持新的多媒体内容的操作；<canvas>元素可被用来通过脚本（通常是JavaScript）绘制图形。比如,它可以被用来绘制图形,制作图片集合,甚至用来实现动画效果。应用缓存，在线离线事件，客户端会话和持久化存储等促进网络应用程序的储存和离线能力。Geolocation让浏览器使用地理位置服务定位用户的位置。
Drag and Drop API 能够支持在网站内部和网站之间拖放项目。同时也提供了一个更简单的供扩展和基于 Mozilla 的应用程序使用的 API。
Web Workers 能够把 JavaScript 计算委托给后台线程，通过允许这些活动以防止使交互型事件变得缓慢。Web Sockets允许在页面和服务器之间建立持久连接并通过这种方法来交换非 HTML 数据。
以上是 HTML5和 HTML4的主要几项区别。
HTML5的代码有什么特征？：
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search
1、语义特性：HTML5赋予网页更好的意义和结构。2、HTML5 APP Cache及本地存储：基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度3、设备兼容：HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以与浏览器内部的数据直接相连。4、连接特性：更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，能实现服务器将数据“推送”到web app的功能。5、图形特性：基于SVG、Canvas、WebGL及CSS3的3D功能，用户能在浏览器中得以体验到惊艳的视觉效果。语义：能够让你更恰当地描述你的内容是什么。
连通性：能够让你和服务器之间通过创新的新技术方法进行通信。
离线 & 存储：能够让网页在客户端本地存储数据以及更高效地离线运行。
多媒体：使 video 和 audio 成为了在所有 Web 中的一等公民。
2D/3D 绘图 & 效果：提供了一个更加分化范围的呈现选择。
性能 & 集成：提供了非常显著的性能优化和更有效的计算机硬件使用。
设备访问 Device Access：能够处理各种输入和输出设备。
样式设计: 让作者们来创作更加复杂的主题吧！
参考资料：https://www.youtube.com/watch?v=9MzAzLHmaRshttps://www.w3.org/TR/html5-diff/
https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTMLhttp://www.w3school.com.cn/html5/html_5_intro.asp
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- HTML4，HTML5，XHTML 之间有什么区别？
- HTML4，HTML5，XHTML 之间有什么区别？
- HTML4，HTML5，XHTML 之间有什么区别？
- Html4和Html5之间有什么区别,Html5有什么新功能
- html4和html5区别之如何在一个input上添加焦点实现代码
- HTML4，HTML5，XHTML 之间有什么区别？
- HTML4，HTML5，XHTML 之间有什么区别？
- html4与html5的区别
- HTML5与HTML4的区别
- HTML5与HTML4的区别
- HTML5与HTML4的区别
- html5上传文件和html4上传文件的区别
- HTML5与HTML4的10个关键区别
- HTML5 与 HTML4 的区别 - 全局属性
- HTML5和HTML4的区别
- Android关于 手机返回键和代码finish（）方法退出activity他们有什么区别；当activity使用共享动画时应该调用哪个方法，结束activity
- HTML5到底是什么？HTML5介绍，HTML5与HTML4 的区别
- HTML4和HTML5的区别[转]
- HTML5与HTML4的区别
- HTML-HTML5+CSS3权威指南阅读（一、HTML5与HTML4之间的区别）