HTML5笔记(3) – HTML5现状

2021年1月10日   |   by tgcode

  相关文章:

  HTML5笔记(1) – HTML5的定义

  HTML5笔记(2) – 为什么需要HTML5

  1. Demo

  关于HTML5已经有很多Demo和教程网站了,还有很多基于HTML5创建的开源项目,甚至《纽约时报》也已经有了HTML5版本:http://www.nytimes.com/skimmer/。

  最早的时候我到 http://html5demos.com/ 这个网站看HTML5的新功能,边看边猜,然后对照着W3C的规范看。 http://diveintohtml5.org/ 是一个版式设计很有意思的网站,假如你对W3C的一些比较简洁严谨的描述存疑的话,在这里或许会找到满意的解释。此外还有 w3school 等数不清的教程网站,提供大量范例。

  我也玩了一些HTML5编写的网页游戏,包括在桌面电脑和手机上运行的,以及一些比较炫目的HTML5设计(例如网页的模板、控件等),一方面我暗暗惊讶于HTML5的强大,一方面也难免心生些许困惑:Is that all? What else? 或许是因为我还没看见一个杀手级别的HTML5应用,类似iPhone的出现相对于同时代其它整个手机的意义。

  2. 从技术角度看

  从技术的角度来看,HTML5所带来的好处是毋庸置疑的,尤其在数量和功能都剧增的移动设备平台(很多机构和分析文章都预测,在不久的将来,移动设备在数量上将超过桌面设备,成为人们互联网接入的第一选择);在网上搜一搜,各种赞美之声也是“罄竹难书”,那么我们就反过来看一看,想一想,HTML5的这些新特性是否仍有不足之处,或者在使用上有哪些陷阱——尤其是针对移动设备而言。

  (从这里可以看到一个HTML5相比其前任的增减: http://www.w3.org/TR/html5-diff/。)

  从HTML5新增的元素开始吧,这一部分貌似最简单。

  【HTML5新增排版元素】

  在HTML5以前的岁月里,我们一般通过

等标签来给一个网页文档划分不同区域块,HTML5则定义了一些新的、能够望文生义的基本语义来定义一片文档的不同区域:

相关推荐: 帮设计师与工程师更好沟通的实用技巧

  开发者一般不是令人惊艳的设计师,tgcode设计师也通常不是出色的开发者。虽然有很多例外,但这两行的门道对对方而言都是难以言说的谜,然而双方却要在这种情况下合作完成项目。作为在两个领域都工作过的人,我为设计师整理了一个列表,使他们能够更好地辅助开发者开发应…