HTML5新特性总结

HTML5属于上一代HTML的新迭代语言,设计HTML5最主要的目的是为了在移动设备上支持多媒体!!!例如: video 标签和 audio 及 canvas 标记

HTML5的优点、缺点

(巨大的几个好处){由于资历“尚浅”只了解到了这几点 凑合着看吧}:

(1)移动,移动还是移动

你可以称之为“直觉”,但是我认为移动技术将会变得更加的流行。我知道,这里有些非常疯狂的猜测,有些可能你也想到了– Mobile是一个时尚!移动设备将占领世界。例如:比如你开发了一款HTML5的游戏,你可以移植到UC的开放平台、Opera的游戏中心、Facebook应用平台,甚至可以通过封装的技术发放到App Store或Google Play上,所以它的跨平台性非常强大,这也是大多数人对HTML5有兴趣的主要原因。

(2) 它是未来,开始用吧!

     最大的原因今天你就开始使用HTML5是因为它是未来,不要掉队了!你实际上没有任何借口不接受HTML5。事实上我唯一一个原因使用HTML5是因为它书写代码简单清晰。其它的特性其实我也没有真正使用。你可以考虑现在开始使用HTML5书写代码,它能帮助你改变书写代码的方式及其设计方式。开始用HTML5代码编写web应用吧,说不定下一个移动应用或者游戏应用就是用HTML5开发的!

(3)更清晰的代码

如果你对于简答,优雅,容易阅读的代码有所偏好的话,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定义问题。

(4)游戏开发

  没错, 你可以使用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

(5)视频和音频支持

  忘了flash和其它第三方应用吧,让你的视频和音频通过HTML5标签<video>和<audio>来访问资源。正确播放媒体一直都是一个非常可怕的事情,你需要使用<embed>和<object>标签,并且为了它们能正确播放必须赋予一大堆的参数。你的媒体标签将会非常复杂,大堆得令人迷惑的代码。而且HTML5视频和音频标签基本将他们视为图片:<video src=”"/>。但是其它参数例如宽度和高度或者自动播放呢?不必担心,只需要像其它HTML标签一样定义:<video src=”url”width=”640px” height=”380px” autoplay/>。

实际上这个过程非常简单,然而我们的老浏览器可能并不喜欢我们的HTML5,你需要添加更多代码来让他们正确工作。但是这个代码还是比<embed>和<object>来的简单的多。

 (小小的一个缺点):

  对于PC端浏览器的选择

   pc 端浏览器支持不是特别友好,造成用户体验不佳(随着移动端的发展不断扩大和win10(ie10)的大量推广,这一缺点将被无限缩小)

APP与H5的比较

app应用 比较重,功能全面,交互流畅。
H5应用 非常轻量级功能单一

更多专业前端知识,请上 【猿2048】www.mk2048.com

一位老手关于HTML5的见解相关推荐

  1. html电话号码表单验证,表单验证电话号码模式html5(Form Validation phone number pattern html5)...

    表单验证电话号码模式html5(Form Validation phone number pattern html5) 我搜索了很多,但似乎无法找到我需要的答案. 众所周知,世界各地的电话号码各不相同 ...

  2. HTML5方方面面的活动报道,大家来吐槽啊

    LinkCoder(由博客园和海丁网共同成立的主题社区)和QClub上海站共同合作发起的活动:"HTML5的方方面面"于2012年09月22日下午在浦东软件园3期顺利举行. 随着H ...

  3. HTML5冷思考:如何保证游戏能在3秒钟打开

    如今,HTML5游戏,国外偏社交,国内偏重策略类.但当初创业时候,都是摸着石头过河.在具体运营中,策略类.角色扮演.社交游戏,三个方向磊友都曾涉猎. 电脑上的网页游戏已经被证明可以赚大钱,手机上的网页 ...

  4. CCL 2021 学生研讨会参会记录 (关键slides以及精炼心得)

    今年CCL改为线上开展,所有学生研讨.特邀报告全部对外开放.在此,有幸能够听到赵鑫老师,丁宁.王思远等众多优秀学长学姐的科研心得分享(原价2870元/人的研讨会,还是蛮值的). 1. 如何写一篇&qu ...

  5. “微信应用号对行业影响”之一,app开发速来围观

    昨天,微信张小龙的一个讲话刷爆朋友圈,除了4大价值观,最后顺便提到:要推出微信应用号! 其实,价值观也就说说听听,最后顺便提到的微信应用号,才是真正的巨型×××. 腾讯挟6亿高粘度用户之重,号令天下, ...

  6. LayUI 走了,JDK17 来了

    上周五松哥就在 QQ 群里看到了 LayUI 下线的消息: 看到这条消息时充满了感慨,毕竟松哥虽然主业是 Java,但是也一直在关注着前端的发展. 2013 年还在大三的时候就玩过 TypeScrip ...

  7. 看职场老人教你如何平稳度过职场“更年期”

    随着书院气息慢慢退去,那股不畏前路,一心往前冲的劲头也变淡了.工作七八年后,慢慢进入职场"更年期",前路迷茫,该怎么平稳度过呢?最近架构师米洛发现这个问题的时候,不免也去思考了一番 ...

  8. 如何判断程序员是在装逼还是有真本事?

    程序员是一个十分特殊的群体, 他们十分内敛.腼腆, 但是只要一开口就能判断出来, 到底是在装逼还是有真本事, 不信咱们往下看! 1.这个功能是小case,分分钟搞定 一般情况下,程序员在拿到一个新的功 ...

  9. css布局难,运用 CSS布局到底有多难?[多图]

    找Bug 篇 原始代码,未做修正: 运行代码框 首页-牛腩新闻揭晓 系统 /* /* * 建立 人:牛腩 */ * { /* 把默认值都配置 为0 */ margin:0; padding:0; bo ...

最新文章

  1. WinCE项目应用之车载导航
  2. 张量解释——深度学习的数据结构
  3. hp unix oracle rac节点一磁盘损坏,节点修复
  4. SHELL判断服务是不是正在运行
  5. 使用session防止表单进行重复提交
  6. 经典机器学习算法系列3-k近邻算法
  7. 百度地图 使用两条平行线表示路线
  8. 思科 IPSec ***配置2:
  9. 'django_tables2' is not a registered tag library. Must be one of:
  10. 【翻译】.NET 5 Preview8发布
  11. am335x uart5配置
  12. 区块链跟银行有什么关系?
  13. 使用Bert/ERNIE进行中文短文本分类(附数据集)
  14. 如何对动态创建控件进行验证以及在Ajax环境中的使用
  15. 计算机课用英语怎么说cute,cute英语怎么读
  16. 用二叉链表存树(孩子兄弟表示法)
  17. CSTAnbsp;【Computer-Supportedamp;n…
  18. java文件上传下载接口_java 文件上传下载
  19. 使用prettier统一编码风格
  20. 基因测序的云计算平台可能带来的变革与进步

热门文章

  1. TensorFlow构建模型(TFRecord)十
  2. 【荣耀开发者服务平台—百亿曝光扶持等你来】智慧服务安卓卡片接入指南
  3. 头条服务器维护更新公告,【更新公告】《第五人格》2021年8月12日维护公告
  4. DirectX C#
  5. 深入解析Apple Review审核规则 韩俊强的博客
  6. 小程序的消息提醒——订阅消息
  7. VS 莫名其妙弹出 “遇到不适当参数” 问题的解决
  8. B站小迪安全第五天-系统及数据库
  9. macOS高端使用技巧
  10. 联想Y470 Win7无法开启无线服务