学习笔记—什么是微数据？itemscope/itemtype/itemprop（搜索引擎seo优化）

什么是微数据

MDN官网定义：微数据是WHATWG HTML标准的一部分，用于在网页上的现有内容中嵌套元数据。[1]搜索引擎，网络抓取工具和浏览器可以从网页中提取和处理微数据，并使用它为用户提供更丰富的浏览体验。搜索引擎从直接访问此结构化数据中受益匪浅，因为它允许搜索引擎了解网页上的信息并向用户提供更相关的结果。微数据使用支持词汇表来描述项目和名称 - 值对，以便为其属性赋值。与使用RDFa和微格式的类似方法相比，微数据试图提供一种使用机器可读标签注释HTML元素的简单方法。

看到这里可能很多同学一脸懵，这个定义我自己也能搜到，就是不太理解什么意思，通俗来说微数据就是为了方便浏览器识别的东西，例如h1标签包裹的文本或数据就是为了能让浏览器识别（搜索引擎优化）。微数据其有特定的规范，有特定的格式。可以丰富搜索引擎的网页摘要。
我们可以看一个例子：
我们在浏览器中键入关键词“火锅”，然后我们能看到这个：
看到有时间提示
我们打开链接查看源码：

当我们查看网页源代码时，发现描述信息中并没有发现有时间信息，但是再往下翻我们就看到了一个带有itemprop属性的meta标签，里面的内容正是图片一中我圈起来的时间。
看到这里想必各位同学就不难理解微数据的定义中提到的可以丰富搜索引擎的网页摘要这句话了。我的理解是微数据不仅可以丰富网页摘要，它更可以做到搜索引擎优化，正确合理地使用微数据，会让你的网页更靠前。
看完这个例子相信很多同学对微数据地功能和作用有了一定的了解，那么微数据怎么用呢？

怎么用

<div itemscope itemtype="http://data-vocabulary.org/Person">
		  我的名字是<span itemprop="name">朱敏</span>
		  我的个人首页是：
		  <a href="https://blog.csdn.net/weixin_44312227" itemprop="url">个人主页</a>
		  我是<span itemprop="title">工程师</span>，
		  目前在<span itemprop="affiliation">世界上最好的公司</span>上班。
		</div>
1
2
3
4
5
6
7

itemscope
定义一组名值对，称为项（微数据项），用在最外层元素。
itemtype
微数据定义的类型。其值为URL，扮演词汇表名称的作用（词汇表可自定义也可用线程的)。
什么是词汇表？
我查了很多资料，对词汇表的作用和功能也模糊，我的大概理解应该是词汇表可以使搜索引擎在搜索时检测到词汇表中的信息，从而使我们的网页更加靠前，而且词汇表中我们定义的属性和属性值也会网页摘要，提升用户体验感。
这里是mdn的官方定义，大家可以思考一下，然后我们一起讨论：微数据定义
itemprop”
添加一个数据项属性。这个属性名可以是个单词或是个URL，与元素包含的文本值相关：

对于大部分元素，属性名值就是元素标签里面的文本值（不是所有标签）。
对于有URL属性的元素，该值就是URL（如<img src="">, <a href="">, <object data="">等）。
对于<time>元素，该值就是datetime=""属性。
对于<meta itemprop="" content="">， 该值就是content=""属性。
1
2
3
4

itemref
允许微数据项通过指向特定ID（含有需要属性的元素）包含非后代属性。

itemid
允许词汇表给微数据项定义一个全局标识符，例如书的ISBN数值，在同样元素上使用itemid作为数据项的itemscope和itemtype属性。

看到这里可能还是有些人会很懵，上面的代码例子是建立了一个微数据项，我们可以把它的数据结构画出来，相信大家就会懂一点了：
还有很多细节问题：比如数据项可以嵌套等等，我看了一篇很好的博文，感兴趣的可以仔细阅读一下，这里附上链接：HTML5扩展之微数据与丰富网页摘要