HTML5新增的标签怎么使用
这篇文章主要介绍了HTML5新增的标签怎么使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇HTML5新增的标签怎么使用文章都会有所收获,下面我们一起来看看吧。
概念:
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中已经被删除: