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

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!!!

<meta content="我叫张三" itemprop="name">书名

<meta content="我来自北京" itemprop="description">书序言

<meta content="我的简介下载" itemprop="thumbnailUrl">书小样下载

<meta content="我的详情信息下载" itemprop="contentUrl">书全部下载 

扫描二维码关注公众号

每日好文伴你地铁时光。

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
$("a[name=addcolumnMenu]").die().live("click", function () { var itemid, itemname, contentype, sourceid, thumb, itemtype; // if ($("#cl_list_show").val() == "0") { itemid = $(this).parent(".fl").parent(".lk").parent(".pic").parent(".borbg").parent(".mod_sclist").attr("data-itemid"); itemname = $(this).parent(".fl").parent(".lk").parent(".pic").parent(".borbg").parent(".mod_sclist").attr("data-itemname"); contentype = $(this).parent(".fl").parent(".lk").parent(".pic").parent(".borbg").parent(".mod_sclist").attr("data-contenttype"); sourceid = $(this).parent(".fl").parent(".lk").parent(".pic").parent(".borbg").parent(".mod_sclist").attr("data-sourceid"); thumb = $(this).parent(".fl").parent(".lk").parent(".pic").parent(".borbg").parent(".mod_sclist").attr("data-thumb"); itemtype = $(this).parent(".fl").parent(".lk").parent(".pic").parent(".borbg").parent(".mod_sclist").attr("data-itemtype"); //} //else { // itemid = $(this).parent(".btn").parent("td").parent("tr").children().eq(0).attr("data-itemid"); // itemname = $(this).parent(".btn").parent("td").parent("tr").children().eq(0).attr("data-itemname"); // contentype = $(this).parent(".btn").parent("td").parent("tr").children().eq(0).attr("data-contentype"); // sourceid = $(this).parent(".btn").parent("td").parent("tr").children().eq(0).attr("data-sourceid"); // thumb = $(this).parent(".btn").parent("td").parent("tr").children().eq(0).attr("data-thumb"); // itemtype = $(this).parent(".btn").parent("td").parent("tr").children().eq(0).attr("data-itemtype"); //} //if ($("#column_list_hid_type").val() == 4) { addsourcetoMenu(itemid, thumb, itemname, contentype, sourceid, itemtype); //} })
06-03

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值