HTML5的5个新功能

新利在线娱乐网-周二,2010年11月23日

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

为此,我整理了一份简短的清单,列出了HTML5可以做的一些很酷的新事情.

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

  1. 语义块

    我可以写一篇完整的文章来解释为什么更好的语义对开发人员有好处, 设计师, 和搜索引擎(我也计划这么做.简而言之,这些元素提供了HTML文档的整体结构改进, 结构误差更少.

  2. 新表单控件

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

  3. 新媒体标签

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

  4. 画布元素

    canvas元素只是一个用JavaScript绘制的图形的占位符. 因为没有插件, 然而, 它的操作开销比Flash少, 例如, 同时也允许与页面的其余部分更容易集成. 这是你需要在实际中看到的东西,所以这里有几个我找到的例子. 球池 (一定要摇动你的浏览器窗口,在我看来这是最酷的部分) 液体粒子 (注意粒子与鼠标互动,即使它在画布之外)

  5. WebSockets和服务器发送的事件

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

    这两种新到html的技术都为服务器和客户机提供了一种更灵活地交互的方法. 服务器发送事件(server - sent Events)主要监听从服务器发送的一些数据, 服务器可以在任何需要的时候发送数据. 例如,对于聊天应用程序来说非常棒. 这样做的好处是,请求不会被来回发送,事实上 没有什么 正在发送,除非有相关的数据. WebSockets是一种更健壮的机制,它允许浏览器向服务器发送数据. 这是大多数支持网络/internet的独立应用程序(如多人游戏)的通信方式. 典型的web服务器还不能处理这种通信, 但有些人, 我们很可能很快就会看到更多的人实现它.

我希望你喜欢这篇国际新利娱乐HTML5正在改进的内容的简短介绍. 一定要检查 正式规范工作草稿 和相关的 W3Schools教程 了解更多细节和正在进行的状态. 别忘了看看我们的 网页设计与开发 页面.

新利在线娱乐网
新利在线娱乐网是一家全方位服务的创意机构 网页设计打印身份品牌界面设计视频制作静止摄影 和 运动设计. 利用我们对卓越的热情,多元文化背景,和 获奖 实践, 我们始终如一地提供高品质的, 自定义, 创新的解决方案,以满足客户多样化的市场需求. 欲了解更多信息,请访问 www.MatchaDesign.com.