HTML4.0、XHTML到HTML5,从某种意义上讲,这是HTML描述性标记语言的一种更加规范的过程。因此,HTML5并没有给开发者带来多大的冲击。但HTML5增加了很多非常实用的新功能和新特性,下面具体介绍HTML5的一些优势。
1、 解决了跨浏览器问题
在HTML5之前,各大浏览器厂商为了争夺市场占有率,会在各自的浏览器中增加各种各样的功能,并且不具有统一的标准。使用不同的浏览器,常常看到不同的页面效果。在HTML5中,纳入了所有合理的扩展功能,具备良好的跨平台性能。针对不支持新标签的老式IE浏览器,只需简单地添加JavaScript代码就可以使用新的元素。推荐了解黑马程序员web前端课程。
2、新增了多个新特性
HTML语言从1.0到5.0经历了巨大的变化,从单一的文本显示功能到图文并茂的多媒体显示功能,许多特性经过多年的完善,已经发展成为一种非常重要的标记语言。HTML5新增的特性如下。
● 新的特殊内容元素,比如header、nav、section、article、footer。
● 新的表单控件,比如calendar、date、time、email、url、search。
● 用于绘画的canvas元素。
● 用于媒介回放的video和audio元素。
● 对本地离线存储的更好支持。
● 地理位置、拖曳、摄像头等API。
HTML5标准的制定是以用户优先为原则的,一旦遇到无法解决的冲突时,规范会把用户放在第一位。另外,为了增强HTML5的使用体验,还加强了以下两方面的设计。
● 安全机制的设计
为确保HTML5的安全,在设计HTML5时做了很多针对安全的设计。HTML5引入了一种新的基于开源的安全模型,该模型不仅易用,而且对不同的API(Application Programming Interface,应用程序编程接口)都通用。使用这个安全模型,不需要借助于任何不安全的hack就能跨域进行安全对话。
● 表现和内容分离
表现和内容分离是HTML5设计中的另一个重要内容。实际上,表现和内容的分离早在HTML4.0中就有设计,但是分离的并不彻底。为了避免可访问性差、代码高复杂度、文件过大等问题,HTML5规范中更细致、清晰地分离了表现和内容。但是考虑到HTML5的兼容性问题,一些陈旧的表现和内容的代码还是可以兼容使用的。
4. 化繁为简的优势
作为当下流行的通用标记语言,HTML5尽可能地简化,严格遵循了“简单至上”的原则,主要体现在这几个方面:
● 新的简化的字符集声明;
● 新的简化的DOCTYPE;
● 简单而强大的HTML5 API;
● 以浏览器原生能力替代复杂的JavaScript代码。 为了实现这些简化操作,HTML5规范需要比以前更加细致、精确。为了避免造成误解,HTML5对每一个细节都有着非常明确的规范说明,不允许有任何的歧义和模糊出现。
喜欢记得关注一下哦。
TML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加。
绘画 canvas:用于媒介回放的 video 和 audio 元素;
本地离线存储: localStorage 长期存储数据,浏览器关闭后数据不丢失;sessionStorage 的数据在浏览器关闭后自动删除;
语意化更好的内容元素:比如 article、footer、header、nav、section;
表单控件:calendar、date、time、email、url、search;
新的技术:webworker, websocket, Geolocation;
兼容处理:
支持HTML5新标签:
IE8/IE7/IE6支持通过document.createElement方法产生的标签,可以利用这一特性让这些浏览器支持HTML5新标签。浏览器支持新标签后,还需要添加标签默认的样式。当然也可以直接使用成熟的框架、比如html5shiv;
<!--[if lt IE 9]> <script> src="https://cdn.bootcss.com/html5shiv/r29/html5.js"</script> <![endif]-->
* 如何区分HTML5: 看这里
编程中,语义指的是一段代码的含义,这个HTML元素有什么作用,扮演了什么样的角色。简单的概括为:在适当的位置使用适当的标签,用正确的标签做正确的事情
1.拖拽释放(Draganddrop)API
2.语义化更好的内容标签(header,nav,footer,aside,article,section,main)
3.音频、视频API(audio,video)
4.画布(Canvas)API
5.地理(Gealocation)API
6.本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失;
7.sessionStorage的数据在浏览器关闭后自动删除
8.表单控件,calendar、date、time、email、url、search
9.新的技术webworker,websocket,Geolocation
开课吧广场-人才学习交流平台
*请认真填写需求信息,我们会在24小时内与您取得联系。