论html5十大优点
第一大原因: 它是未来,开始用吧!
最大的原因今天你就开始使用HTML5是因为它是未来,不要掉队了!HTML5不会往每个方向发展,但是更多的元素已经被很多公司采用,并且开始着手开发。HTML5其实更像HTML,它不是一个新的技术需要你重新学习!如果你开发XHTML strict的话你现在就已经在开发HTML5了。为什么不更完整的享受HTML5的功能呢?
你实际上没有任何借口不接受HTML5。事实上我唯一一个原因使用HTML5是因为它书写代码简单清晰。其它的特性其实我也没有真正使用。你可以考虑现在开始使用HTML5书写代码,它能帮助你改变书写代码的方式及其设计方式。开始用HTML5代码编写web应用吧,说不定下一个移动应用或者游戏应用就是用HTML5开发的!
第二大原因: 移动,移动还是移动
你可以称之为“直觉”,但是我认为移动技术将会变得更加的流行。我知道,这里有些非常疯狂的猜测,有些可能你也想到了– Mobile是一个时尚!移动设备将占领世界。更多的接受移动设备将会增长的非常迅速。这意味着更多的用户会选择使用移动设备访问网站或者web应用。HTML5是最移动化的开发工具。随着Adobe宣布放弃移动flash开发,你将会考虑使用HTML5来开发webp应用。当手机浏览器完全支持HTML5那么开发移动项目将会和设计更小的触摸显示一样简单。这里有很多的meta标签允许你优化移动:viewport: 允许你定义viewport宽度和缩放设置;全屏浏览器: ISO指定的数值允许Apple设备全屏模式显示;Home screen icons: 就像桌面收藏,这些图标可以用来添加收藏到IOS和Android移动设备的首页。
第三大原因:遗留及其跨浏览器支持
你的现代流行浏览器都支持HTML5(Chrome,Firefox,Safari,IE9和Opera),并且创建了HTML5 doctype这样所有的浏览器,即使非常老非常令人厌恶浏览器像IE6都可以使用。但是因为老的浏览器能够识别doctype并不意味它可以处理HTML5标签和功能。幸运的是,HTML5已经使得开发更加简单了,更多支持更多浏览器,这样老的IE浏览器可以通过添加javascript代码来使用新的元素:
<!--[iflt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
第四大原因:游戏开发
没错, 你可以使用HTML5的<canvas>开发游戏。HTML5提供了一个非常伟大的,移动友好的方式去开发有趣互动的游戏。如果你开发Flash游戏,你就会喜欢上HTML5的游戏开发。
Script-tutorials目前提供了4个不部分的HTML5游戏开发教程,这里看看他们开发的有趣游戏:
HTML5 Gaming Development Lesson One
HTML5 Gaming Development Lesson Two
HTML5 Gaming Development Lesson Three
HTML5 Gaming Development Lesson Four
第五大原因:更好的互动
我们都喜欢更好的互动,我们都喜欢对于用户有反馈的动态网站,用户可以享受互动的过程。输入<canvas>,HTML5的画图标签允许你做更多的互动和动画,就像我们使用Flash达到的效果。
除了<canvas>,HTML5同样也拥有很多API允许你创建更加好的用户体验并且更加动态的web应用程序。 这里有一个列表:
Drag and Drop (DnD)
Offline storage database
Browser history management
document editing
Timed media playback
第六大原因:更聪明的存储
HTML5中最酷的特性就是本地存储。有一点像比较老的技术cookie和客户端数据库的融合。它比cooke更好用因为支持多个windows存储,它拥有更好的安全和性能,即使浏览器关闭后也可以保存。
因为它是个客户端的数据库,你不用担心用户删除任何cookie,并且所有主流浏览器都支持。
本地存储对于很多情况来说都不错,它是HTML5工具中一个不需要第三方插件实现的。能够保存数据到用户的浏览器中意味你可以简单的创建一些应用特性例如:保存用户信息,缓存数据,加载用户上一次的应用状态。
第七大原因:更清晰的代码
如果你对于简答,优雅,容易阅读的代码有所偏好的话,HTML5绝对是一个为你量身定做的东西。HTML5允许你写出简单清晰富于描述的代码。符合语义学的代码允许你分开样式和内容。看看这个典型的简单拥有导航的heaer代码:<div id="header"><h1>Header Text</h1> <div id="nav"> <ul> <li><ahref="#">Link</a></li> <li><ahref="#">Link</a></li> <li><ahref="#">Link</a></li> </ul></div></div>是不是很简单?但是使用HTML5后会使得代码更加简单并且富有含义:<header> <h1>Header Text</h1> <nav> <ul> <li><ahref="#">Link</a></li> <li><ahref="#">Link</a></li> <li><ahref="#">Link</a></li> </ul></nav></header>
使用HTML5你可以通过使用语义学的HTML header标签描述内容来最后解决你的div及其class定义问题。 以前你需要大量的使用div来定义每一个页面内容区域,但是使用新的<section>,<article>,<header>,<footer>,<aside>和<nav>标签,需要你让你的代码更加清晰易于阅读。
第八大原因:Doctype
没错,就是doctype,没有更多内容了。是不是非常简答?不需要拷贝粘贴一堆无法理解的代码,也没有多余的head标签。最大的好消息在于,除了简单,它能在每一个浏览器中正常工作即使是名声狼藉的IE6。
第九大原因:视频和音频支持
忘了flash和其它第三方应用吧,让你的视频和音频通过HTML5标签<video>和<audio>来访问资源。正确播放媒体一直都是一个非常可怕的事情,你需要使用<embed>和<object>标签,并且为了它们能正确播放必须赋予一大堆的参数。你的媒体标签将会非常复杂,大堆得令人迷惑的代码。而且HTML5视频和音频标签基本将他们视为图片:<video src=”"/>。但是其它参数例如宽度和高度或者自动播放呢?不必担心,只需要像其它HTML标签一样定义:<video src=”url”width=”640px” height=”380px” autoplay/>。
实际上这个过程非常简单,然而我们的老浏览器可能并不喜欢我们的HTML5,你需要添加更多代码来让他们正确工作。但是这个代码还是比<embed>和<object>来的简单的多。
第十大原因:易用性
俩个原因使得使用HTML5创建网站更加简单:语义上及其ARIA。新的HTML标签像<header>, <footer>,<nav>,<section>, <aside>等等,使得阅读者更加容易去访问内容。在以前,即使你定义了class或者ID你的阅读者也没有办法去了解给出的一个div究竟是什么。使用新的语义学的定义标签,你可以更好的了解HTML文档,并且创建一个更好的使用体验。
ARIA是一个W3C的标准主要用来对HTML文章中的元素指定“角色“,通过角色属性来创建重要的页面地形例如,header,footer,navigation或者aritcle很有必要。这一点曾经被忽略掉了并且没有被广泛使用,因为事实上并不验证。然而,HTML5将会验证这样属性。同时,HTML5将会内建这些角色并且无法不覆盖。更多的HTML5和ARIA讨论,请大家查看这里。
论html5十大优点相关推荐
- 前端HTML5十大新特性详细总结
前端HTML5十大新特性总结 一 必须知道 写前端的都知道,在代码最前面都有这一行代码,大家都知道一定要把这东西写上去. <!DOCTYPE html> 但是!这是什么玩意儿?为什么要写上 ...
- 论我的十大罪过和老婆的十大优点
前言:话说和honey相处了这么久,在honey的威逼利诱下,终于以日志的形式来论述本人的十大罪过,但是,值得大家注意的是,我的 十大罪过不是重点,重点是标题的后半句,老婆的十大优点 ...
- 数据可视化的十大优点
即使在您阅读这些文字时,每一刻都会产生大量数据,而且速度令人难以置信地迅速传遍全球.根据估计,2020年全球年度数据生成率为40 Zettabytes.这几乎是2017年三年后增长率的两倍. 这些来源 ...
- 微软IE9浏览器十大优点
据国外媒体报道,美国著名IT网站eWeek撰文称,人人都应该试用一下微软IE9浏览器,不管他们以前使用了哪种浏览器:微软以前的浏览器只征服了一部分人,而现在的IE9浏览器值得每个人使用.以下为eWee ...
- HTML5的十大新特性
原文网址:HTML5的十大新特性_IT利刃出鞘的博客-CSDN博客 简介 说明 本文介绍HTML5的十大新特性和一些废除的特性. HTML5总体比HTML4多了十个新特性,但其不支持IE8及IE8以下 ...
- [MS评估文档]SharePoint Portal Server 2003 的 10 大优点
[MS评估文档]SharePoint Portal Server 2003 的 10 大优点 TechNet 主页 > 产品与技术 > 桌面产品与技术 > Microsoft Off ...
- H5十大新特性(前端面试新手必背)
前端HTML5十大新特性总结: <!DOCTYPE html> 这是什么玩意儿?为什么要写上去?不写上去会怎么样?很少人去注意到,反正就照写就可以了. HTML5不是SGML的子集,从最开 ...
- HTML 5 的十大新特性
HTML5 十大新特性总结 一.语义标签 二.增强型表单 三.视频和音频 四.Canvas绘图 五.SVG绘图 六.拖拉API 七.WebWorker 八.WebStorage 九.WebSocket ...
- 使用HTML5的十大原因
使用HTML5的十大原因 你难道还没有考虑使用HTML5? 当然我猜想你可能有自己的原因:它现在还没有被广泛的支持,在IE中不好使,或者你就是喜欢写比较严格的XHTML代码.HTML5是web开发世界 ...
- 腾讯企业邮箱十大优势特点 (浅谈腾讯企业邮箱优点之一二三)
这篇文章转载来自博客园,原文标题叫<浅谈腾讯企业邮箱优点之一二三>,可是明明是列出了十大优点啊,为什么叫一二三呢?所以我转载过来之后,顺便把标题改了一下,改成了 腾讯企业邮箱十大优势特点. ...
最新文章
- 如何在div中将绝对定位的元素居中?
- pycharm 配置引用 docker 中的环境
- 4.1.3 文件目录
- LeetCode 169.求众数
- helm values使用示例:变量定义及使用
- BPM实例方案分享:表单子表自动填入数据
- java spring redis_spring配置redis(xml+java方式)
- 通过8个技巧让你成为一个超强的Linux终端用户
- 程序员未来的职业生涯路该怎么走,如何避免35岁中年危机?
- FPGA和CPLD的比较
- python simdjson_python+json
- Pytorch Tensor.unfold()的简单理解与用法
- java确定随机数组的范围_Java程序以生成一定范围内的随机数数组并获取最小值和最大值...
- JavaScript 弹出框(警告框、确认框、提示框)
- 纯CSS实现正方体旋转效果
- UnicodeDecodeError: 'rawunicodeescape' codec can't decode bytes in position 80-81: truncated \UXXX
- 部署策略对比:蓝绿部署、金丝雀发布及其他
- POJ 1417 True Liars 带权并查集 + 背包
- rv1126 获取图像数据,实现图像裁剪、缩放、旋转【RK_MPI API接口】
- 数字商会 Paul Brigner 访谈:架起区块链行业与政府的沟通桥梁 | ArcBlock 播客
热门文章
- 苹果4S恢复模式 一直正在等待iphone解决办法
- vue中报warnings potentially fixable with the `--fix` option.
- Debian参考手册(3-4)
- (C#)基于百度api实现经纬度查询地址
- html验证座机号码_手机号码 座机号码验证
- JavaScript高程三----(基础一)
- gitter 卸载_最佳Gitter频道:数学
- 网易云音乐热门作品名字和链接抓取(pyquery篇)
- 免费软件不比付费软件逊色半分之94款免费软件
- [审核]App审核被拒绝(本地网络权限弹框“Local Network”)