hCalendar微格式 关于事件和基于时间或地点的活_CSS教程_CSS_网页制作_

包含他的元素可以是任何元素（

，

，

，等等）。

就满足我例子的要求了。

必要属性：summary和dtstart

hCalendar必须的属性为（除了根元素vevent）summary和dtstart.

summary

summary属性描述了事件的概要信息。此属性包含的内容通常是在日历应用中显示的基本信息，比如事件的名称。所以，在我的例子中，“BarCamp Albuquerque 3”被包含在summary之中，也就是在我个人日历中用来显示的名称：

Yes, it's short notice, but mark your calendars: dtstart

dtstart属性描述了事件的开始时间/日期。在上面的例子中，“September 13”：

class=”dtstart” title=”2008-09-13T09:00:00″>September 13–14, from 9am–6pm both days

日期/时间设计模式

注意到包含dtstart的容器是，被包含的信息为“September 13”而title的属性值是“2008-09-13T09:00:00”：

<abbr class=”dtstart” title=”2008-09-13T09:00:00“>September 13–14, from 9am–6pm both days

这是目前在微格式中定义日期/时间格式的推荐做法──被称作“日期时间设计模式”（是abbr设计模式的扩展）。此模式开发的目的是为了支持微格式的原则之一：先为人类阅读设计，机器次之，最终是让人类和机器都能够阅读识别。因此，逻辑上是，机器──例如这些web应用──会使用title部分，而浏览器会为人类阅读只显示中的内容。

同时，作为使用日期时间模式规范的一部分，日期/时间信息应当被遵循ISO 8601的定义：

• YYYY-MM-DDThh:mm:ss — “Y”表示年的数字，”M”表示月份，”D”表示天，”h”表示小时，”m”表示分钟，”s”表示秒
• YYYY-MM-DDThh:mm:ssZ — “Z”用来表示GMT（格林威治）时间
• YYYY-MM-DDThh:mm:ss+hh (或者 -hh) — “+hh” 和 “-hh” 表示参照格林威治时间的偏移量

为了简单说明，举个例子，2008-09-30T13:00:00 = 2008年9月30日下午1:00（当地时间）。上面例子中的字母”T”将日期信息和时间信息分开。如果您仅仅有一个日期，忽略“T”和后面的时间信息就可以了。类似的，如果您只有时间信息，忽略掉“T”和前面的日期信息即可。这个模式目前不幸的还有一些无障碍访问问题，我会在文章后面继续讨论。现在，让我们继续上面的例子。

剩下的日期/时间属性

上面例子中还有可选的日期时间属性，包括：dtend和duration。

dtend

dtend属性描述了事件结束的日期/时间。在我的例子中，为“September 14”：

September 13–class=”dtend”title=”2008-09-14T18:00:00″>14, from 9am–6pm both days

duration

duration属性用来描述事件的持续时间。在上面的例子中，是两天：

A class=”duration”title=”P2D”>two-day event all about the web — design (visual, experience, information architecture), technology (infrastructure, programming), social and new media, and other stuff that is just plain cool.

同日期/时间一样，持续时间信息也使用日期时间设计模式来描述，机器可读的信息包含在title中，而人类可读的信息包含在。同样，title持续时间的值也要遵循ISO 8601的定义，只是需要在前面加“P”用以描述持续的阶段时间。持续的阶段时间可以使用下面这些单位描述：年 (Y), 月 (M), 周 (W), 天 (D), 小时 (H), 分钟 (M) 和秒 (S)。可以参考下面例子：

• P2Y = 持续2年
• P10D = 持续10天
• P3H = 持续3个小时
• P2W = 持续2周
• P12DT8H30M = 持续12天8小时30分钟

说说“无障碍访问”

在前面第三部分中曾经简单讨论过使用日期时间设计模式会有一些无障碍访问问题。无障碍访问的根本问题在于屏幕发声程序如何对待title值：他们读取这个属性。所以，当使用时间日期模式把机器可读的ISO 8601日期时间信息放到title中时，屏幕发声会按照字面来读出这些数值。想象一下您的屏幕发声程序读取：“Two thousand eight dash zero nine dash thirty。”如果时间和日期的值更长的话会更糟糕。这对用户是相当不友好的。

目前，这些问题还没有被解决。不过已经有一些提交上来的候选意见，但是微格式社区还在继续讨论更好解决这些问题的途径。针对我自己的博客而言，分析数据表明我没有任何屏幕发声程序的访问者。我很急切想知道如何解决这些问题，从而实现这些微格式，让他们支持无障碍访问的用户。

剩下的剩下

我的例子中还包括另外四个可选的属性：url, category, location和description。

url

url属性描述事件的链接（）：

Yes, it's short notice, but mark your calendars: url属性同summary写在一起。这是因为中包含的内容恰恰是我日历信息的summary，这只是一种巧合。

category

category属性描述事件的类型。在上面例子中为“BarCamp”：

Yes, it's short notice, but mark your calendars: BarCamp Albuquerque 3 is this weekend.

跟之前提过的属性不同的是，category可以被使用无限次。一些常用的category例子包括：

• Meeting
• Expo
• Vacation
• Anniversary
• Conference

某种程度上来说，category相当于事件的“标签”。所以，如果我选择标记我的例子包含到BarCamp首页的链接的话，我会同时使用rel-tag微格式和category：

You may be wondering what is class=”category”rel=”tag”>BarCamp anyway?

记得吗，rel-tag只能在链接中使用（）。

location

location属性描述事件发生的地点。

class=”location vcard”>CJW Cafe on 4801 AlamedaBlvdNE, Albuquerque, NM87113

description

最后，description属性描述事件比summary更详细的描述：

class=”description”>A two-day event all about the web — design (visual, experience, information architecture), technology (infrastructure, programming), social and new media, and other stuff that is just plain cool.

还没有包括哪些

还有一些hCalendar常用的属性我没有在上面例子中使用的：

• dtstamp表明hCalendar信息生成的日期和时间
• last-modified表明hCalendar信息最近更新的日期和时间
• status表明事件确认信息。允许的值包括”cancelled,” “confirmed”和”tentative”
• class表明事件级别。允许的值包括”private,” “public “和”confidential”
• rrule表明事件通常的重复发生信息。如果属性被使用，他需要子属性freq来说明发生的频率（会在以后讨论的计量规范中讨论，比如count或者interval）
• rdate表明事件并不常重新发生

还有很多其他的属性可以被应用。查看hCalendar例子的wiki页面获取更多信息。

hCalendar + hCard

也许，现在您已经注意到在我hCalendar标记中包含了hCard属性和子属性：

location属性中使用vcard非常有意义，即便我只是想添加一些城市信息，我也可以使用hCard的属性。

自然语言

在前面的文章中说过在自然语言中使用微格式，hCalendar同样可以使用。您会注意到在例子中，hCalendar的标注一直是直接嵌入到我的内容中。我可以把所有的hCalendar信息放到更加自然的句子中，而不是把他们放到

元素中：

1. class=”vevent”>

2. Yes, it's short notice, but mark your calendars: class=”url summary”>class=”category”>BarCamp Albuquerque 3 is this weekend, class=”dtstart” title=”2008-09-13T09:00:00″>September 13–class=”dtend” title=”2008-09-14T18:00:00″>14, from 9am–6pm class=”duration” title=”P2D”>both days.

3. class=”description”>This year’s BarCamp is all about the web: design (visual, experience, information architecture), technology (infrastructure, programming), social and new media, and other stuff that is just plain cool.

4. class=”location vcard”>CJW Cafe (on 4801 Alameda 提示： 本文由神整理自网络，如有侵权请联系本站删除！
   本站声明：
   1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持；
   2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！

   上一篇：网页简历结构和语义信息 hResume微格式_CSS教程_CSS_网页制作_

   下一篇：为网页添加hCard微格式_CSS教程_CSS_网页制作_