HTML5入门与新增标签学习总结知识分享
导读： 概念： HTML5 是继 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一个重要版本， 旨在消除富 Internet 程序（RIA）对 Flash， Silverlight， JavaFX 一类浏览...
概念：
HTML5 是继 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一个重要版本，
旨在消除富 Internet 程序（RIA）对 Flash， Silverlight， JavaFX 一类浏览器插件的依赖。
1991年HTML1.0标准出现
1997年HTML4.0发布，4.0标准下的浏览器局限性
Flash （安全与稳定堪忧、耗电、触摸、不开放）
Silverlight
JavaApplet
2008年HTML5出现， W3C2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。
HTML5增强了浏览器的原生功能，符合HTML5规范的浏览器功能将更加强大，减少了Web应用对插件的依赖，
让用户体验更好，让开发更加方便，另外W3C从推出HTML4.0到5.0之间共经历了17年，HTML的变化很小，这并不符合一个好产品的演进规则。
3）、在结构语义上
html: 没有体现结构语义化的标签，通常都是这样来命名的，这样表示网站的头部。
html5: 在语义上却有很大的优势。提供了一些新的标签，比如：。
支持Html5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera；
1、语义特性（Class：Semantic）
HTML5会赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa、微数据、微格式、等方面的支持，构建对程序、对用户更有价值的数据驱动Web。
2、本地存储特性（Class: OFFLINE &
STORAGE）
基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这全得益于HTML5 APP Cache、本地存储功能、Indexed DB（HTML5本地存储最重要的技术之一）和API说明文档。
3、设备兼容特性 （Class: DEVICE ACCESS）
从Geolocation功能的API文档公开以来，HTML5为网页应用开发者提供了更多功能上的优化选择，带来了更多体验功能。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可直接与浏览器内部的数据直接相连，譬如：视频影音可直接与microphones及摄像头相联。
4、连接特性（Class: CONNECTIVITY）
更有效的连接效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到实现。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能帮助我们实现服务器将数据"推送"到客户端的功能。
5、网页多媒体特性（Class: MULTIMEDIA）
支持网页端的Audio、Video等多媒体功能，与网站自带的APPS、摄像头、影音功能相得益彰。
6、三维、图形、特效特性（Class: 3D, Graphics &
Effects）
基于SVG、Canvas、WebGL、CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。
7、性能、集成特性（Class: Performance &
Integration）
没有用户会永远等待你的Loading——HTML5会通过XML Http Request 2等技术，解决以前的跨域问题，帮Web应用和网站在多样化的环境中更快速工作。
8、CSS3特性（Class: CSS3）
在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格、更强的效果。此外，较以前的Web排版，Web的开放字体格式（WOFF）也提供了更高的灵活性和控制性。
1、提高可用性和改进用户的友好体验；
2、有几个新标签，有助于开发人员定义重要内容；
3、可给站点带来更多多媒体元素（视频和音频）；
4、可很好的替代FLASH和Silverlight；
5、当涉及网站抓取和索引时，SEO很友好；
6、可大量应用于移动应用程序和游戏；
7、可移植性好。
以下的 HTML 4.01 元素在HTML5中已经被删除：
标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。
HTML5:
HTML4:
标签定义：侧边 article 以外的内容。aside 的内容应该与 article 的内容相关。
HTML5:Aside 的内容是独立的内容，但应与文档内容相关。
HTML4:Aside 的内容是独立的内容，但应与文档内容相关。
标签定义声音，比如音乐或其他音频流。
HTML5:您的浏览器不支持 audio 标签。
HTML4:
标签定义图形，比如图表和其他图像。这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为，但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。
HTML5:
HTML4:
标签定义命令按钮，比如单选按钮、复选框或按钮。
HTML5:
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： HTML5入门与新增标签学习总结知识分享
本文地址： https://pptw.com/jishu/656086.html