HTML5微数据/itemscope/itemtype/itemprop

定义：

微数据是有特定属性名称的词汇表中特定的元素属性的数据，它是一种方便机器识别的数据

大白话理解：

一个一堆乱码的网页，你看不懂，机器也看不懂，但是用相关软件抓取，就会根据一些微数据标识把网站的大体框架，重要信息抓下来，打出一堆重要的JSON数据。网站是干啥的，都有啥，一目了然。

例如： meta标签的content属性 img标签的src属性 a标签的 href属性都属于微数据使用

作用：

Web浏览器（DOM做标记），搜索引擎优化（SEO）

格式：

itemscope：声明所使用的作用域，加在最外层的元素中。

itemtype：声明所使用的词汇表，加在最外层的元素中。

itemprop：声明属性名，加在要声明的元素中。

itemid：声明属性id,全局标识，加在最外层的元素中。

itemref：声明一个新的元素表，有些浏览器会自动把meta标签放到head里读，声明后就算页面移除仍能识别微数据，加在最外层的元素中。

实例:

<head RDFa rel=author> 作者

<bodyitemscope itemtype="WebPage"> 网页

<articleitemscope itemtype="Book"> 书

我不想让页面上渲染 “我叫张三“，但是我还想让这个信息被这个网页携带！！！ content！！！

扫描二维码关注公众号

每日好文伴你地铁时光。

酒浓码浓 - HTML5微数据/itemscope/itemtype/itemprop相关推荐

HTML5扩展之微数据与丰富网页摘要itemscope, itemtype, itemprop
HTML5扩展之微数据与丰富网页摘要 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordp ...
HTML5微数据初识
1.概念微数据是在如 span.div 的标签内添加属性,让机器(如搜索引擎)识别其意义,一些特定类型的信息,例如评论.人物信息或事件都有相应的属性,用来描述其意义. HTML5 微数据 ...
学习笔记—什么是微数据？itemscope/itemtype/itemprop（搜索引擎seo优化）
什么是微数据 MDN官网定义:微数据是WHATWG HTML标准的一部分,用于在网页上的现有内容中嵌套元数据.[1]搜索引擎,网络抓取工具和浏览器可以从网页中提取和处理微数据,并使用它为用户提供更丰富 ...
酒浓码浓 - canvas标签
canvas标签 canvas 画布默认大小300*150 context是一个封装了很多绘图功能的对象画笔获取方法 var context = canvas.getContext(" ...
酒浓码浓 - nginx常用配置
nginx常用配置 1. 基础配置 main # 全局配置events { # nginx工作模式配置 }http { # http设置....server { # 服务器主机配置....locati ...
酒浓码浓 - ios进入页面自动弹出键盘
ios移动端进入页面怎么自动弹出键盘最近做的H5页面业务上有个需求,要在移动端,进入到某个页面自动聚焦input的焦点并弹出软键盘!!! 查了一圈,发现autofocus,在android上只能聚焦 ...
酒浓码浓 - node之http
node之http HTTP服务器主要用返回的request response来操作一些事文件服务器请求成功后访问本地文件(如1.html),html内发送的请求可在控制台的network下看 ...
酒浓码浓 - equals / contains
equals / contains equals 相等例如: "abc".equals("abc"),返回结果是Boolean类型的true "ab ...
HTML5中微数据在搜索引擎中的使用举例
做网站优化已经快一个月了,对于seo的一般技术也有了一些了解,前些天开始使用谷歌的网站站长工具,在里面发现很多百度站长工具里面不曾有的内容,其中"结构化数据"这一项是出现在 &qu ...

酒浓码浓 - HTML5微数据/itemscope/itemtype/itemprop

HTML5微数据/itemscope/itemtype/itemprop

酒浓码浓 - HTML5微数据/itemscope/itemtype/itemprop相关推荐

最新文章

热门文章