HTML5网页摘要itemscope, itemtype, itemprop

2021-12-16    分类： 网站建设

一、html5微数据是什么？

一个页面的内容，例如人物、事件或评论不仅要给用户看，还要让机器可识别。而目前机器智能程度有限，要让其知会特定内容含义，我们需要使用规定的标签、属性名以及特定用法等。举个简单例子，我们使用

标签包裹页面标题信息就是为了让机器识别（搜索引擎 – SEO）。

而微数据是什么呢？在我看来，微数据也是为了方便机器识别而产生的东西。其有特定的规范，有特定的格式。可以丰富搜索引擎的网页摘要。

先来看看比较官方的解释：HTML5 微数据规范是一种标记内容以描述特定类型的信息，例如评论、人物信息或事件。每种信息都描述特定类型的项，例如人物、事件或评论。例如，事件可以包含 venue、starting time、name 和 category 属性。

微数据使用 HTML 标记（常为 或

）中的简单属性为项和属性指定简要的描述性名称。

上面的释义过于学术化，我们可以将其搁置一边，先看个简单的关于微数据的例子。平时，我们要在页面上显示对一个人的描述，HTML代码可能如下：

  我的名字是王富强，但大家叫我小强。我的个人首页是：  www.example.com  我住在上海市富贵新村。我是工程师，目前在财富科技公司上班。

而如果使用针对人物的微数据标记，则HTML会如下：

  我的名字是王富强，  但大家叫我小强。  我的个人首页是：    我住在上海市富贵新村。我是工程师，  目前在财富科技公司上班。

您会发现，HTML代码量多了不少，还出现了很多自定义的属性，如itemscope,itemtype,itemprop等。这些属性就是方面机器识别的特定的标记。其含义等依次如下：
itemscope
定义一组名值对，称为项。

itemprop=”属性名”
添加一个数据项属性。这个属性名可以是个单词或是个URL，与元素包含的文本值相关：