- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
为什么要学习HTML5
精品课程
中国IT 职业教育领先品牌
全程面授
为什么要学习 HTML5 ?H5 的优势是什么?
在互联网技术高速发展和激烈竞争的大背景下,HTML5 技术一直受到的各
方的高度重视。”跨平台开发”的概念也逐渐走进移动开发者的视野。目前国内
外已经有很多基于 HTML5 的跨平台开发工具,你并不需要任何的原生应用编程
经验,你只需要一些 HTML 的相关知识,懂一些 CSS 和 JavaScript ,运用工具
中所提供的各种丰富的功能模块,便可在很短时间内完成 App 的开发而且让你
的App 具备完美的原生体验。下面小编具体从 7 个方面阐述一下 HTML5 的优
势所在:
1.易用性
两个原因使得使用 HTML5 创建网站更加简单:语义上及其 ARIA。新
的 HTML 标签像header, footer ,nav ,section ,aside等等,
使得阅读者更加容易去访问内容。在以前,即使你定义了 class 或者 ID 你的阅
读者也没有办法去了解给出的一个 div 究竟是什么。使用新的语义学的定义标签,
你可以更好的了解 HTML 文档,并且创建一个更好的使用体验。
ARIA 是一个 W3C 的标准主要用来对 HTML 文章中的元素指定“角色“,
通过角色属性来创建重要的页面地形例如,header ,footer ,navigation 或者
aritcle 很有必要。这一点曾经被忽略掉了并且没有被广泛使用,因为事实上并
不验证。然而,HTML5 将会验证这样属性。同时,HTML5 将会内建这些角色
并且无法不覆盖。
2.视频和音频支持
忘了 flash 和其它第三方应用吧,让你的视频和音频通过 HTML5 标
签video和audio来访问资源。正确播放媒体一直都是一个非常可怕的事
千锋教育
精品课程
中国IT 职业教育领先品牌
全程面授
情,你需要使用embed和object标签,并且为了它们能正确播放必须赋
予一大堆的参数。你的媒体标签将会非常复杂,大堆得令人迷惑的代码。而且
HTML5 视频和音频标签基本将他们视为图片:video src=””/。但是其它
参数例如宽度和高度或者自动播放呢?不必担心,只需要像其它 HTML 标签一
样定义:video src=”url”width=”640px”height=”380px”autoplay/。
实际上这个过程非常简单,然而我们的老浏览器可能并不喜欢我们的
HTML5 ,你需要添加更多代码来让他们正确工作。但是这个代码还是比embed
和object来的简单的多。
Doctype
没错,就是 doctype ,没有更多内容了。是不是非常简答?不需要拷贝粘
贴一堆无法理解的代码,也没有多余的 head 标签。最大的好消息在于,除了简
单,它能在每一个浏览器中正常工作即使是名声狼藉的 IE6。
3.Doctype
没错,就是 doctype ,没有更多内容了。是不是非常简答?不需要拷贝粘
贴一堆无法理解的代码,也没有多余的 head 标签。最大的好消息在于,除了简
单,它能在每一个浏览器中正常工作即使是名声狼藉的 IE6。
4.更清晰的代码
如果你对于简答,优雅,容易阅读的代码有所偏好的话,HTML5 绝对是一
个为你量身定做的东西。HTML5 允许你写出简单清晰富于描述的代码。符合语
义学的代码允许你分开样式和内容。使用 HTML5 你可以通过使用语义学的
HTML header 标签描述内容来最后解决你的
文档评论(0)