使HTML5 微数据发挥作用.docxVIP

弃用NoSQL数据库CouchDB再见了目录第 1 部分: 在微数据之上使用 jQuery第 2 部分: 利用微数据实现新一代聚合第 1 部分: 在微数据之上使用 jQuery简介像 jQuery 此类的库使开发人员创建站点的方式发生了革命性的变化，促进了大量可方便地添加至 HTML 的实用脚本的开发。微数据具有进一步推进此项革命的潜力，可以更加容易地创建可在任何站点上进行无缝工作的脚本，无论 HTML 模板有何变化。例如，要在地图上显示计划的事件，jQuery 插件会集成 Google 地图，使在您站点上创建交互式地图变得简单。而您所要做的是以一种结构化格式（比如 JSON 或 CSV）创建一个包含位置的文件。但是，如果您还希望在页面上以 HTML 格式显示信息，拥有这种具有独立的结构化格式的数据可能是个难题。要同时去维护 HTML 和数据文件中的内容，您要么必须编写一段脚本来实现页面上 HTML 和数据文件之间转换，要么您必须重复执行工作。这种方法可能会很快导致 HTML 和数据文件不同步。保持文件同步是使用像微数据和 RDFa 等 HTML 数据格式的一项重要优势，您可以像平常一样编写 HTML，然后在 HTML 标记中添加一些属性，使它和您的数据存储大小翻倍。因为这些 HTML 数据格式都是由 WHARWG 和 W3C 开发和批准的，人们已经构建了如何从 HTML 提取数据的构建工具，并且您可以在您的站点上轻松重用这些工具。 由于微数据只最近才开始受到人们的关注，所有只有少量已发布的插件提供了支持。有一个 jQuery UI Map 插件示例，它提供了上面所描述的地图。创建一个预配 Rich Snippet 的事件地图您可以使用一小段的 HTML 以同时获得交互式事件地图和较出色的 SEO。正如之前一篇文章（参见 参考资料 获得链接）所介绍的，微数据可与 S 词汇表中的术语结合使用，以帮助搜索引擎更好地理解您的内容。此方法使搜索引擎能够显示 Rich Snippet，后者可在搜索结果自身中显示关于页面的最重要信息。 为获得 Rich Snippet 而添加的注释可执行双重任务。除了能够更好地搜索结果，还可以将它使用在您自己的页面上实现更出色的显示。您将使用一个 jQuery 插件完成此项任务。我在示例代码 下载 中提供了相关的文件，其中包含该插件略加修改的版本。基本的事件清单让我们创建一个全球的 DrupalCamp 事件清单。首先，创建一个包含两个事件的 HTML 页面，如 清单 1 中所示。清单 1. 列出两个事件的基本 HTML!DOCTYPE html head titleUpcoming DrupalCamps/title /head body id=doc h1Upcoming DrupalCamps/h1 !-- Event 1: DrupalCamp Toulouse -- div h2a href=/drupalcamp_frDrupalCamp Toulouse 2011/a/h2 imgsrc=images/drupalicon_fr.png / pVousl’attendieztous, le DrupalCamp Toulouse aura bien lieu, réuni avec 2 autresévénementssous la bannièreCapitole du Libre: le DrupalCamp, uneUbuntu Party, uneAkademy(évènement KDE)./p div ENSEEIHT, Toulouse, Haute-Garonne, FR /div div time datetime=2011-11-26T09:00:00+01:00November 26, 10:00am/time – time datetime=2011-11-27T17:00:00+01:00November 27, 6:00pm/time /div /div !-- Event 2: DrupalCamp Ohio -- div h2a href=/drupalcampohioDrupalcamp Ohio 2011/a/h2 imgsrc=images/drupalicon_oh.png / pThe Central Ohio Drupal User Group (CODUG) is proud to announce Ohio’s first Drupalcamp. On S