微格式是什么?
微格式是非常有趣的,如果你给他们机会。虽然它们不是W3C HTML规范的组成部分,但它们确实提供了一组有价值和有用的命名约定(使用类
,id
,rel
而且牧师
属性值),标识页面上的兴趣点,如日历事件、内容许可协议的链接,甚至烹饪食谱等古怪的东西。
虽然微格式还不是W3C标准——尽管许多微格式已经被推荐给W3C作为标准或处于草案状态——但浏览器和web服务对它们的支持级别说明了它们的实用性。简单地说:微格式是值得学习的,并将其应用到你构建的网站中。
您可能已经在使用微格式,如果您使用CMS< / >就像WordPress< / >,因为它内置了对一些更简单的数据形式的支持,例如rel
属性。如果您是微格式的新手,那么您可能想知道为什么要费力地使用它们。当然,它们有很多优点和缺点,但是任何能够帮助我们的网站更好地被外部机器理解的东西——比如为我们的网页建立索引的网络蜘蛛——都是值得付出额外努力的。
因为微格式使用传统的HTML语法和属性,所以可以在XHTML中使用它们。甚至XML页面(比如RSS和Atom提要)也可以利用微格式(如果您使用Feedburner这样的服务,它们确实可以利用微格式)。
这极大地增加了它们的潜在用途。他们也很好地结合RDFa< / >以及其他元数据。
使用微格式的好处
- 它们将提高你的内容的语义价值。
- 网络应用程序可以使用它们来发现你网站的数据;他们可以使用它们与站点上的数据进行交互。
- 社交网络正在用户档案中实现它们,这样第三方网络服务就可以与它们互操作。
- 浏览器扩展允许用户访问微格式数据。例如,Michromeformats< / >是一个谷歌Chrome扩展,发现网页上嵌入的微格式。
- 像Googlebot这样的网络蜘蛛会在站点索引中使用它们。
微格式的缺点
- 它们需要额外的HTML标记。
- 它们是你必须学习和维护的另一件事。
- 微格式只适用于相对较少的数据类型。
- 它们将注意力吸引到您的数据上(这是可以挖掘的)。
- Web浏览器并不统一支持它们。
微格式参考表
每种微格式都有表示特定类型信息的独特用途,它们都可能根据您的需要而有用。而广泛的细节可以在规格中找到微格式的网站< / >,下面是现有产品的快速参考清单。
的名字 | 目的 |
---|---|
美国存托凭证< / > | 标记街道地址 |
FOAF< / > | 描述与另一个网站的关系 |
地理< / > | 标示地理位置 |
hAtom< / > | 添加syndication-friendly内容 |
hAudio< / > | 描述音频或播客 |
hCalendar< / > | 标记基于事件或日期的内容 |
hCard< / > | 用于商业和个人联系 |
hListing< / > | 商品和服务清单 |
hMedia< / > | 列出媒体引用 |
hNews< / > | 使用hAtom进行新闻报道 |
hProduct< / > | 嵌入广泛的产品细节 |
hRecipe< / > | 标记食谱和烹饪数据 |
hResume< / > | 用来展示简历或简历 |
hReview< / > | 产品和服务的评论和评级 |
hSlice< / > | 在IE8中弹出内部或外部订阅窗口 |
rel< / > | 的rel attribute是HTML元素的微格式;一些流行的例子: |
机器人排除概要< / > | 给网络爬虫指令 |
VoteLinks< / > | 提供喜欢或不喜欢链接的选项 |
XFN< / > | 描述与网站的关系 |
XFolk< / > | 列出了最喜欢的链接 |
XMDP< / > | 将资源添加到页面的配置文件 |
亲亲抱抱< / > | 概述文件或项目列表 |
rel属性值
为了解释上表,下面是rel(是“relationship”的缩写)属性值的描述:
- 许可:在一个页面上标识一个许可协议(如知识共享或GPL)。
- Nofollow:告诉搜索引擎不要添加权重或价值的链接资源。
- 标签:应用关键字锚,以建立标签云或类别。
- 目录:指示当前网站上目录(如文件夹)中的列表。
- 附件:对于链接到可下载文件和其他非web文档的锚。
- 家:生成到网站主页的永久链接。
- 付款:要包括在指向购买或支付页面的锚。
使用微格式:例子
如果不提供如何使用微格式的说明,那么推荐微格式没有什么好处。所以,在这里,我们将讨论每个微格式的例子,可以实现到你的网站。首先,要理解的关键概念是,微格式是由包含在类
orgydF4y2Baid
HTML元素的值。
元素可以在显示的数据类型中发挥作用(例如使用锚链接),但是如果没有语义替代,则可以使用div
orgydF4y2Ba跨度
将名称环绕在内容周围。尽管使用跨度
可能看起来不优雅,它在这种情况下增加了特殊的意义。
美国存托凭证
< ul类= "美国存托凭证李“> < class = "街道地址">北街123号
如何创建FOAF概要文件:
- 访问FOAF-o-Matic< / >然后创建基本的个人资料。
- 将文档保存为foaf.rdf(这样您就知道它是干什么用的)在一个目录中(可能命名为misc).
- 使用
链接
标记中引用FOAF配置文件< >头< / >
的HTML文档,例如: - 将所有foaf相关文件上传到您的网站。现在可以使用它并建立索引了!
地理
< p class = "地理= " " > <简写的类纬度" title="37.408183">N 37°24.491缩写> - <缩写class="经度" title="-122.13855">W 122°08.313
根的名字:地理所需的属性值:
- 纬度
- 经度
hAtom
< div class = "hAtom" > < div class = "hentry= " " > < h3类条目标题">I Love Microformats <缩写class="发表" title="2010-08-28, 14:37-07:00">Aug 28, 2010缩写>你觉得这篇文章怎么样?< / > < / p > < div class = "条目的内容>
将您的内容放在这里以获得最大的影响!< / p > < / div >
- Tags:
- 微格式
根的名字:hAtom, hfe属性值:
- hentry
- 条目标题
- 条目的内容
- entry-summary
- 书签
- 发表
- 更新
- 作者
hAudio
< p class = "haudio= " " > < em类fn"波西米亚狂想曲 by < em类fn组织">Queen found on hCalendar你可以使用hCalendar创造者< / >而不是手动编写代码。
< p class = "vEvent" > < class = "url" href="http://www.yoursitehere.com/">MySite 新网站上线: <缩写class="dtstart" title="20091202"> 12月2日缩写>- <缩写class="dtend" Title ="20091204">4, at hCard< ul id = "hCard-John-Doe" class="vcard"fn">John DoeSpecial Stores (电子邮件保护)< / >" >(电子邮件保护)< / >< / > < /李> <李类= "美国存托凭证">
- 44语义驱动
,- Markup City
,- World Wide Web
,- BP33 9HQ
- Internet
hListing < div class = "hlisting">办公空间 dtlisted标题="20100202">2/2/10)
50平方英尺的空间可在当地技术办公室:
< span class = "街道地址" > 123 Microland道路。< / span > < span class = "位置“网络空间> < / span >, < span class = "地区" > XD < / span > < span class = "邮政编码" > 12345 < / span > < span class = "国家">Mars在April 2010 for $1500/qtr联系方式:John Doe at < span class = "价值“> (01)12345 - 678900 < / span >(<方法类= "类型title="cell">C)
根的名字:hlisting所需的属性值:
- 描述
- Lister (fn, email, url, tel)
- 行动(出售、出租、交易、见面、宣布、提供、通缉、事件、服务)
其他属性值:
- 版本
- dtlisted
- dtexpired
- 价格
- 项目(fn, url, photo, geo, adr)
- 总结
- 标签
- 永久链接
hMedia
< div class = "hmedia">Open Media Web简介
根的名字:hMedia属性值:
- fn
- 贡献者
- 照片
- 球员
- 外壳
hNews
< div class = "hnews hentry项= " " > < h4类条目标题">微格式太棒了By John Doe, < span class = "org fn">Associated Press - 4月19日2010
News story