20、HTML5 微格式、微数据与拖放功能全解析

HTML5 微格式、微数据与拖放功能全解析

在当今的网页开发中，为了让网页内容更具语义性，便于人类和机器理解，同时提升用户体验，微格式、微数据以及拖放功能等技术发挥着重要作用。以下将详细介绍这些技术的相关内容。

1. 微格式与微数据基础

微格式（Microformats）是一种在 HTML 中嵌入语义信息的轻量级方法，它利用现有的 HTML 属性（如 class）来标记内容。而微数据（Microdata）则是 HTML5 的扩展，通过引入新的属性来实现类似的功能。

1.1 微数据的属性

微数据规范中包含了几个扩展 HTML5 的属性：
- itemprop ：用于定义字段名称，替代了微格式中使用的 class。
- itemscope ：布尔属性，用于定义一个包含微数据的组。
- itemref ：关联的 ID 列表，即使这些 ID 不在同一个 itemscope 中。
- itemtype ：一个 URL，用于提供微数据的上下文。
- itemid ：全局标识符，例如书籍的 ISBN。

下面是一个使用微数据标记的评论示例：

<article itemscope itemtype="http://microformats.org/profile/hreview">
    <h3><span itemprop="item">&l