标签‘html5’

为什么建议不要使用「h5」这个简称?

最近发现好多人喜欢将 HTML5 说成 h5,甚至是代指移动端的 Web 页面或者 Web App。虽然说起来朗朗上口,但是小编真的不建议这样来使用。

小编很早之前做过一个关于「h5 这个说法是否喜欢」的调查,总共有 552 位粉丝参与,最终结果是:有 16.7% 的人认为「很好」,37.5% 的认为「无所谓」,有 45.8% 的人认为「不喜欢」(投票数据的原始查看地址: http://vote.weibo.com/poll/2905710 )。那究竟为什么会有那么多人不喜欢「h5」这个简称呢?

「h5」这个简称非常不专业,容易造成误导。

与 JavaScript 被简称为「JS」不同,据小编了解到的情况,h5 这个说法目前只在中国大陆地区的程序员中使用,台湾、印度和美国等地区并没有这个简称,会造成国内外技术说法不一致。而更重要的一点是,JS 是一个指代清晰的简称,没有歧义,就指 JavaScript 这种程序语言。但 h5 却不是,至少 HTML 中还有个 h5 标签。 查看更多...

结合HTML5、CSS3、JS模拟微信摇一摇开发小记

客户想要通过网页实现一个类似微信摇一摇的小游戏,周末在家没事,就做了下,摇一摇之前有做,但是效果不是类似微信那样的,所以照搬旧实现方案,采用github上人气略高的一个Device Accelerometer封装函数,这样就不用自己去爬各种坑了。

摇动事件是解决了,但想模拟声音、震动之类的,还得找一下新的api,因为之前没用过,所以大概收集了下资料,下面简单记录一下。

摇动就不再赘述了,简单几步,可以参考这里https://github.com/alexgibson/shake.js
查看更多...

关于HTML5不得不说的一些事

近两年来,IT界炒的最火热的发展方向无非是O2O,而炒的火热的技术也无非是HTML5,但实际上,HTML5究竟是什么?能做什么呢?知其然,更要知其所以然,这是中国人对知识真理的追求写照。然而在关于HTML5的问题上,这句话并没有显现出来。HTML5会改变下一代互联网,HTML5潜力无限,这些观点在互联网上多之甚多。为什么呢?HTML5在互联网上究竟带来了什么?这些问题一抛出,全行就愕然了。甚至HTML5究竟是什么,都很难让人阐述清楚。

首先,简单而言HTML5就是超文本标记语言规范的5.0版本,当然对于不同的人来说,HTML5具有不同的意义。对某些人来说,它仅仅意味着"页眉"和"页脚"之类的新标签,以及一系列出现于标记的新属性。对其他人而言,这意味着出现在网络上的新鲜有趣事物,其中包括植入单个浏览器或其他非HTML5规格的技术。 查看更多...

HTML5的自定义data属性及jQuery.data()方法的使用

做前端的人有的喜欢在HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情。

你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,就是你可以往HTML标签上添加任意以 "data-"开头的属性,这些属性页面上是不显示的,它不会影响到你的页面布局和风格,但它却是可读可写的。

下面的一个代码片段是一个有效的HTML5标记:

<div id="id" data-key="1">TO DO</div>

可是,怎么来读取这些数据呢?你当然可以遍历页面元素来读取你想要的属性,但jQuery已经内置了方法来操作这些属性。 查看更多...

HTML5网站设计者必须认识到的10件事

开发人员开始利用那些得到广泛实现的功能特性。不出1年HTML 5就将得到完全支持,而规范也正在迅速到达稳定状态,现在正是了解一些HTML 5须知的好时机。

1: XHTML不再,(支持XML语法的)HTML 5永存

XHTML是喜欢精确,尤其是在解析方面精确的人的选择。HTML外观一直都有很多与XML相似的地方,但却永远都无法跟XML一模一样,因此,试 图把它当做XML来解析必将失败。因此不久前,XHTML被制定出来替代HTML语言,并把它归到XML的术语里面。当HTML 5的工作首次启动的时候,同时也在进行着XHTML 2的工作,但它最终还是夭折了。相反地,HTML 5规范制定出来的目的在于,让你能够编写遵循严格的XML语法的,并能工作的HTML 5文件。 如果你把它跟XML MIME类型一并发送出去的话,用户代也会把它作为XML文档来进行解析。这把两个世界最好的东西都给了开发人员。

2: 2022之神话,2011之现实 查看更多...

有趣的google gravity分享

今天无意间发现了一篇博文介绍的google gravity,按照博主的说法这是google的一项技术,还必须用google chrome浏览器使用才有效果,原文如下

今天跟大分享一个很有趣的小玩意,那就是Google谷歌的一项小玩意:牛顿地心引力。
查看更多...