HTML5 Dive Into HTML5:历史API by 豆子 2011年7月18日 作者 豆子 浏览器的地址栏可能是所有用户界面中最复杂的部分了。我们有关于账单的 URL,有火车票的 URL,还有关于街道信息的 URL。结合后退按钮——或许是浏览器最重要的按钮——你可以实现一种强大的前进、后退操作,在这个庞大的 Web 世界中自由来回。 HTML5 历史 API 是使用脚本维护浏览器历史的一种标准方法。这个 API 的一部分——历史导航——已经在早期版本的 HTML 中实现。HTML5 新增 ... 继续阅读 2011年7月18日 1 个评论 2.3K 次阅读
HTML5 Dive Into HTML5:可扩展性(续四) by 豆子 2011年7月15日 作者 豆子 标记评价 这是另外一个使用标记能够让 web 页面更友好的例子:产品评价信息。 下面来看一下一个简单的例子。原始页面是这样的: 继续阅读 2011年7月15日 0 个评论 2K 次阅读
HTML5 Dive Into HTML5:可扩展性(续三) by 豆子 2011年7月14日 作者 豆子 标记事件 有事情发生了。在某一时刻发生了什么事。如果你可以告诉搜索引擎,说在未来某一时刻将会发生点什么,这是不是很酷呢?说真的,我们的确有这种办法。 我们先来看看一个简单的预约页面。 继续阅读 2011年7月14日 0 个评论 1.9K 次阅读
HTML5 Dive Into HTML5:可扩展性(续二) by 豆子 2011年7月12日 作者 豆子 标记组织 microdata 并不受限于一个词典。“关于”页面看起来不错,但你可能只有一个这种页面。想要更多吗?下面我们来看看如何标记组织和商业网站。 下面是一个简单的商业列表。我们来看一下不带有 microdata 的原始 HTML 标记的页面。 很简短,组织得也不错。所有的组织信息都在一个<article>元素中,那么我们就从这里开始吧! 继续阅读 2011年7月12日 0 个评论 2K 次阅读
HTML5 Dive Into HTML5:可扩展性(续) by 豆子 2011年7月7日 作者 豆子 完整的 People 例子 顺便提一句,我们上一节演示的例子并不完整。我们的确可以为 people 编写一个 microdata 词典,并且真正使用这个词典。下面看看我们究竟要如何去做。 最简单的集成 microdata 的方式是在你的个人主页的“关于”页面。你应该有一个“关于”页面,不是吗?如果没有,你可以扩展一下我们这里给出的这个简单的“关于”页面的例子。 继续阅读 2011年7月7日 0 个评论 2K 次阅读
HTML5 Dive Into HTML5:可扩展性 by 豆子 2011年7月1日 作者 豆子 HTML5 有超过 100 个元素。有些是纯语义的,有些则是脚本 API 的容器。回顾 HTML 的历史,标准化工作的重要部分就是在讨论哪些元素应该被引入 HTML。HTML 应该引入<figure>吗?HTML 应该引入<person>吗?引入<rant>怎么样?我们做出决定,编写规范,作为页面作者,实现 HTML 规范,然后,web 向前发展。 当然,HTM ... 继续阅读 2011年7月1日 3 评论 2.3K 次阅读
HTML5 Dive Into HTML5:表单(续二) by 豆子 2011年6月29日 作者 豆子 日期选择器 HTML 4 不包含一个日期选择器。JavaScript 框架通常会提供一个类似的实现(例如 Dojo、jQuery UI、YUI 和 Closure Library),但这些实现都需要引入构建它们的框架。 HTML5 最终决定引入一个不需要脚本即可实现的原生日期选择器。事实上,它定义了六个类型:日期、月、星期、时间、日期+时间和日期+时间 - 时区。 继续阅读 2011年6月29日 0 个评论 1.9K 次阅读
HTML5 Dive Into HTML5:表单(续) by 豆子 2011年6月27日 作者 豆子 Email 地址 十多年来,web 表单仅提供了几种类型的表单域。其中用的最多的是: 表单域类型 HTML 代码 说明 复选框 <input type="checkbox"> 可以选中或不选中 单选按钮 <input type="radio"> 同其它单选按钮分组使用 密码输入框 <input type="password"> 显示点而不是你输入的字符 下拉框 ... 继续阅读 2011年6月27日 0 个评论 2K 次阅读
HTML5 Dive Into HTML5:表单 by 豆子 2011年6月26日 作者 豆子 我们都知道网页上的表单。用一个<form>标签,加上几个<input type="text">元素,可能也会有一个<input type="password">等等,最后则是一个<input type="submit">按钮。好了,这就是一个表单。 不过,你还不知道表单的另一半。HTML5 定义了一些可以用在表单中的新的输入类型。这里的“使用”,意思 ... 继续阅读 2011年6月26日 1 个评论 2.1K 次阅读