投票结果:HTML5新特性在站点中的使用情况

导读:本文作者Chris Coyier在css-tricks.com发表了这篇文章Poll Results: HTML5 Features in Use on Production Sites》,由国内译言网Jinjiang编译,本文对使用HTML5的一些新特性作出调查,比如新语义化标签、表单特性、音频视频、等等。

以下是文章内容:

作为一个是否应该使用HTML5的民意调查的延续,我问了另外一个问题:

"你们在网站里都使用了哪些HTML5新特性呢?"

下面这个表就是近3000例投票者的心声:

图中的英文从上到下依次为:新语义化标签、表单特性、音频视频、跨文档通信、Canvas画板、离线存储、拖拽、地理位置信息、微格式、其它

不难理解,新语义化标签(比如nav标签)的使用是比较广泛的,简单、时尚、体面。

接下来是新表单特性。很高兴看到这个结果。这些东西是很好实现,并且可以在省去冗繁的JS逻辑的同时,大大提高可用性(我指的是那些表单验证、文本框内容为空时的文字提示等等)

第三位的是音频视频特性。我知道苹果的小i系列们对此作出了杰出的贡献,它让这些HTML5特性变得更加简单实用。备选方案也是易如反掌的。

最不受人待见的应该就是跨文档通信了。这个也很好理解。这并不是非常大众化的需求。不过我确实觉得当你需要用到它的时候,它还是非常酷的。

这里的“其它”包括了一些其它特性,所以这部分选票告诉我,我提供的选项可能漏掉了一些有用的东西。欢迎补充和分享!

原文链接:Poll Results: HTML5 Features in Use on Production Sites

译文链接:投票结果:HTML5新特性在站点中的使用情况

时间: 2024-08-01 03:39:43

投票结果:HTML5新特性在站点中的使用情况的相关文章

《HTML5游戏编程核心技术与实战》——1.2 HTML5新特性初探

1.2 HTML5新特性初探 准备好HTML5开发工具之后,我都迫不急待地想看看HTML5给我们带来了哪些让人激动不已的新特性,相信,你也会和我一样,对它感到兴奋.由于HTML5新增加了很多元素,这里,我们重点简单介绍一下在游戏中会使用到的一些元素,在介绍每一个新的元素时,我都会列举一些小的例子.现在假定读者有一定的HTML以及JavaScript方面的知识,如果您对这些代码完全不清楚,没关系,后面的章节中会详细地解说.目前,我们只需要知道HTML5能做什么就足够了. 1.2.1 canvas元

【阿里云大学课程】前端必知——HTML5新特性完整视频教程(音频、视频、画布、web存储、动画……)

HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定,其设计目的是为了在移动设备上支持多媒体. 本课程中,你将学习到下列这些HTML5新特性(点击下列课时立即学习): HTML5新特性教程: 课时1:HTML5音频 课时2:HTML5视频 课时3:HTML5拖放 课时4:HTML5画布 课时5:HTML5 SVG 课时6:HTML5地理定位 课时7:HTML5 Web存储 课时8:CSS3边框 课时9:CSS3背景 课时10:文本效果 课时11:2D效果 课时1

JavaScript检测是否支持CSS3、HTML5新特性的例子

伴随着今年10月底HTML5标准版的发布,未来使用H5的场景会越来越多,这是令web开发者欢欣鼓舞的事情.然而有一个现实我们不得不看清,那就是IE系列浏览器还占有一大部分市场份额,以IE8.9为主,windows8.1的用户已经用上了IE10/11,而考虑我国的国情,IE6.7依然存留不少.在我们放手用HTML5开发的时候,新特性支持度检测就是必不可少的了.一种方式是用navigator.userAgent或navigator.appName来检测浏览器类型和版本,不过这种方式不是很可靠,浏览器

《HTML5游戏编程核心技术与实战》一1.2 HTML5新特性初探

1.2 HTML5新特性初探 HTML5游戏编程核心技术与实战准备好HTML5开发工具之后,我都迫不急待地想看看HTML5给我们带来了哪些让人激动不已的新特性,相信,你也会和我一样,对它感到兴奋.由于HTML5新增加了很多元素,这里,我们重点简单介绍一下在游戏中会使用到的一些元素,在介绍每一个新的元素时,我都会列举一些小的例子.现在假定读者有一定的HTML以及JavaScript方面的知识,如果您对这些代码完全不清楚,没关系,后面的章节中会详细地解说.目前,我们只需要知道HTML5能做什么就足够

HTML5 & CSS3初学者指南(3) – HTML5新特性

介绍 本文介绍了 HTML5 的一些新特性.主要包含以下几个方面: Web 存储 地理位置 拖放 服务器发送事件   Web存储 HTML5 Web 存储的设计与构想是一个更好的机制来存储客户端的网络数据.它是通过一个网络浏览器作为客户端数据库实现的,它允许网页以键值对的形式来存储数据. 它具有以下特征: 每个原始网站/域最多可存储 5MB 的数据. 你可以通过属性和方法来使用 JavaScript 操作 web 存储器中的数据实现访问. 就像 cookies,你可以选择将保持数据(维持),即使

IE10对CSS3新特性的支持和HTML5新特性的支持

文章简介:IE10将增强对HTML5和CSS3的支持. Windows 8 终于发布了,虽然现在可用的只是开发者预览版,好消息是,IE 10 也随着发了,虽然现在还只有Windows 8可用.我们来看下IE10都有哪些新特性吧. IE开发者中心给到了一份详细的针对前端开发者的文档,列出了IE10支持的HTML5和CSS3新特性.嗯,它终于跟上了: CSS3 css region css3多列 Flexbox grid 定位浮动(positioned float) 3D变换(3D transfro

HTML5新特性介绍

HTML基本思维概念形成于2003年,之后W3C对页面超文本应用技术工作小组(WHATWG)开发的HTML草图颇感兴趣,这个小组的开发人员均来自Apple ,Mozilla,和Opera.2007年W3C工作小组正式成立,主要进行HTML 5规格进行开发. HTML 5旨在改进HTML的协同工作能力,增加了急需的页面内容描述.它还增加了HTML 4对页面程序所缺乏的特性.在本文中,让我们来看看HTML 5将会为我们带来什么激动人心的新特性. 1.新的HTML元素,增强描述内容的能力 HTML的主

开发者必须知道的HTML5十五大新特性

HTML5想必大家都很熟悉了,因为太多的媒体在讨论这一技术.然而,你能准确地说出HTML5带来了哪些新特性吗?本文总结了HTML5带来的15项你必须知道的新特性. 一起来看下: 1.新的文档类型 (New Doctype) 目前许多网页还在使用XHTML 1.0 并且要在第一行像这样声明文档类型: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh

Oracle 12c新特性:多租户中使用 CONTAINERS 语句跨越PDB查询

张乐奕 云和恩墨副总经理,Oracle ACE总监,ACOUG 联合创始人 在最新版本的 Oracle Database 12.1.0.2 中,新特性提供了 PDB Containers 子句,用以从 CDB$ROOT 层面直接聚合查询多个 PDB 中同一张表的数据.在新特性文档中该段如下描述: 但是实现起来并非看上去如此简单. 现有测试环境如下:当前 CDB 中有 2 个 PDB,分别是 PDB1 和 PDB2:每个 PDB 中都有一个相同名字的 Local User,为 KAMUS:每个 K