HTML5的5个新功能

九游会客户端——2010年11月23日,星期二

HTML5仍然是一个 进行中的工作, 有些部分仍在完善或可能会发生变化, 但是在大多数主流浏览器中已经存在部分实验性支持. 在这一点上,我不建议在没有任何应急措施的情况下就用HTML5构建一个完整的网站,因为那些浏览器不支持HTML5或表现与其他浏览器不同, 但早做准备是值得的.

为此,我整理了一份简短的清单,列出了HTML5可以实现的一些很酷的新功能.

matcha-design-web-development-tutorial-series-html5.png

  1. 语义块

    九游会客户端app为什么更好的语义对开发人员有好处,我可以写一篇完整的文章, the designer, 和搜索引擎(我也计划这么做.简而言之,这些元素提供了全面改进的HTML文档结构, 包括更少的结构错误.

  2. 新表单控件

    datalist元素允许您为文本输入字段定义一个“提示”项列表. 进度元素是一个进度条,而仪表元素是一个图形化的仪表. 这些并不是HTML文档中的新概念, 但是为它们提供原生元素会使开发人员的工作更容易,并提高兼容性. 输入元素也允许新的类型,包括日期时间、范围、电子邮件和颜色. Further, 表单元素有一堆允许内置表单验证的新属性, 它甚至允许正则表达式匹配! 内置这个非常有用的功能,而不是为每个表单定制JavaScript,这是一个巨大的进步.

  3. 新媒体标签

    HTML5的目标之一就是减少插件的使用频率. 嵌入带有本地标记的音频和视频剪辑意味着更少的Flash实例, Windows媒体播放器, 和Quicktime插件, for example. 嵌入元素, 哪些不是HTML4规范的一部分, 而是以更简单的形式回归HTML5, 只支持宽度, height, src, 和类型属性, 以及标准的HTML5属性和事件属性.

  4. 画布元素

    canvas元素只是用JavaScript绘制的图形的占位符. 因为不涉及插件, however, 它的操作开销比Flash小, for example, 同时也允许更容易地与页面的其他部分集成. 这是需要实际操作的东西,所以这里有几个我发现的例子. Ball Pool (一定要晃动你的浏览器窗口,这在我看来是最酷的部分)和 液体粒子 (注意,粒子与鼠标相互作用,即使它在画布外)

  5. WebSockets和服务器发送事件

    传统上,HTML是无状态的. 这意味着浏览器从服务器请求一个文件,服务器返回一些数据. 对每个文件都发出一个新的请求. 持久登录和其他明显的状态是通过cookie、服务器端数据、表单等实现的. 此外,服务器没有办法告诉客户机一些信息,除非它特别要求.

    这两种新的html技术都为服务器和客户机提供了一种更灵活地交互的方法. server - sent Events基本上侦听从服务器发送的一些数据, 服务器可以在需要的时候发送数据. 例如,非常适合聊天应用程序. 这里的好处是请求不会来回发送,事实上 nothing 正在发送,除非有相关数据. WebSockets是一种更健壮的机制,它还允许浏览器向服务器发送数据. 这是大多数支持网络/互联网的独立应用程序(如多人游戏)通信的方式. 典型的web服务器还不能处理这种通信, but some are, 我们可能很快会看到更多的人实施它.

我希望你喜欢这篇九游会客户端appHTML5正在改进的内容的简要介绍. 一定要检查 官方规范工作草案 和相关的 W3Schools教程 查看更多详细信息和当前状态. 别忘了看看我们的 网页设计与开发 page.

九游会客户端
九游会客户端是一家专注于全方位服务的创意机构 web designprintidentitybranding界面设计视频制作静止摄影 and motion design. 用我们对卓越的热情,多元文化背景,和 award winning practices, 我们一贯提供高品质的, custom, 创新的解决方案,以满足客户多样化的营销需求. 欲了解更多信息,请访问 www.MatchaDesign.com.