HTML5的功能与特点介绍

2016年1月11日19:51:35 发表评论

阿里云服务器

一、HTML5 的功能

HTML5 到底涵盖了哪些功能?这些功能到底在主流的浏览器支持情况如何?

1.HTML5 核心:这部分主要由 W3C 官方的规范组成,涉及新的语义元素、新的增强的Web 表单、音频和视频、以及通过 JavaScript 绘图的 Canvas。这部分大多数主流浏览器均得到很好的支持;

2. 曾经的 HTML5 标准 :这部分主要来自于最初制定的 HTML5 规范,其中大多数功能需要 JavaScript 且支持富 Web 应用开发。比如:本地数据存储、离线应用和消息传递;

3.非HTML5 标准 :这部分通常指下一代功能,虽然从未进入 HTML5 标准,但人们还是会把它认做 HTML5 的一部分。这些包括最为常见的 CSS3,以及很热门的地理定位。

对于最为常用且实用的部分,基本上主流的浏览器都支持的比较好。而那些特殊需求的部分,则需要根据不同的浏览器检测才能知道是否支持自己想要的功能。

二、HTML5 的特点

在 HTML5 发展的同时,XHTML2.0 也在不断发展,那么到底是哪些特点导致 HTML5 取得最终的胜利呢?

1. 向下兼容

对于 XHTML2.0 要求遵循规则,否则不予显示的方式,HTML5 却实行“不破坏 Web”的则。也就是说,以往已存在的 Web 页面,还可以保持正确的显示。当然,面对开发者,HTML5 规范要求摒弃过去那些编码坏习惯和废弃的标签元素;而面对浏览器厂商,要求它们兼容 HTML 遗留的一切,以做到向下兼容。

HTML5的功能与特点介绍

2. 用户至上

HTML5 遵循“用户至上”的原则,在出现具体问题时,会把用户放在第一位,其次是开发者,然后是浏览器厂商,最后才是规范制定者。比如,开发者在编码时不严谨导致本该出现警告或错误时,却正常显示了页面。

3. 化繁为简

HTML5 对比之前的 XHTML,做了大量的简化工作。具体如下:

(1).以浏览器的原生能力代替复杂的 JavaScript;

(2).DOCTYPE 被简化到极致;

(3).字符集声明被简化;

(4).简单强大的 API。

4. 无插件范式

在 HTML5 出现之前,很多功能只能通过插件或 hack(如绘图 API)来实现,但HTML5原生提供了这些支持。使用插件有很多问题,具体如下:

(1).插件安装容易失败;

(2).插件被浏览器或软件禁用屏蔽(如 Flash 插件);

(3).插件经常会被爆出漏洞被利用攻击;

(4).插件不容易与HTML文档其他部分集成(比如整体透明化等)。

5. 访问通用性

这个原则分为三个概念:

(1).可访问性:比如更加利于残障人士的阅读方案;

(2).媒体中立:比如 HTML5 的媒体播放在不同设备或平台均能正常运行;

(3).支持所有语种:比如新元素。

6. 引入语义

HTML5引入了一些用来区分不同含义和内容的标记元素。这种方式极大的提供的编码人员的可读性和代码区域查询的便利性。

7. 引入原生媒体支持

HTML5 的一次大改进救生衣支持在浏览器中直接播放视频和音频文件,以前都需要借助插件才能实现此类功能。

8. 引入可编程内容

HTML5 最大的变化就是引入了需要通过 JavaScript 编程才能完全的各种效果,而这些很多都是HTML5原生的。那么现在HTML5可以理解为 HTML + CSS + JavaScript 的总称。

maolai

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: