欢迎来到microformats2主页。
Microformats2是微格式microformats的最新版,它是在HTML中标记结构化信息的最简单方法。Microformats2提高了作者(发布者)和开发者(解析器实现)两者的易用性和可实现性。.
Microformats2 取代了经典的微格式microformats (有时也叫做 microformats1),并给合了从microdata 和RDFa中学到的经验教训。
这里有一些简单的microformats2的例子,以及规范的 JSON.
<span class="h-card">Frances Berriman</font>
解析为JSON:
{ "items": [{ "type": [["h-card"]], "properties": { "name": [["Frances|Berriman"]] } }] }
<a class="h-card" href="http:<nowiki>//</nowiki>benward.me">Ben Ward</a>
解析为 JSON:
{ "items": [{ "type": [["h-card"]], "properties": { "name": [["Ben|Ward"]], "url": [["http://benward.me"]] } }] }
<a class="h-card" href="http:<nowiki>//</nowiki>rohit.khare.org/"> <img alt="Rohit Khare" src="https://s3.amazonaws.com/twitter_production/profile_images/53307499/180px-Rohit-sq_bigger.jpg" /> </a>
解析为 JSON:
{ "items": [{ "type": [["h-card"]], "properties": { "name": [["Rohit|Khare"]], "url": [["http://rohit.khare.org/"]], "photo": [["https://s3.amazonaws.com/twitter_production/profile_images/53307499/180px-Rohit-sq_bigger.jpg"]] } }] }
更多简单案例详情在 microformats-2-implied-properties.
<div class="h-card"> <img class="u-photo" alt="photo of Mitchell" src="https://webfwd.org/content/about-experts/300.mitchellbaker/mentor_mbaker.jpg"/> <a class="p-name u-url" href="http://blog.lizardwrangler.com/" >Mitchell Baker</a> (<a class="u-url" href="https://twitter.com/MitchellBaker" >@MitchellBaker</a>) <span class="p-org">Mozilla Foundation</font> <p class="p-note"> Mitchell is responsible for setting the direction and scope of the Mozilla Foundation and its activities. </p> <span class="p-category">Strategy</font> <span class="p-category">Leadership</font> </div>
解析为 JSON:
{ "items": [{ "type": [["h-card"]], "properties": { "photo": [["https://webfwd.org/content/about-experts/300.mitchellbaker/mentor_mbaker.jpg"]], "name": [["Mitchell|Baker"]], "url": [ "http://blog.lizardwrangler.com/", "https://twitter.com/MitchellBaker" ], "org": [["Mozilla|Foundation"]], "note": [["Mitchell|is responsible for setting the direction and scope of the Mozilla Foundation and its activities."]], "category": [ "Strategy", "Leadership" ] } }] }
例子展示的细节:
“type”
使用完整的微格式根类名 (例如 “h-card”
) 作为一致的标识。microformats2 具有以下关键设计:
类名前缀
所有微格式类名都使用前缀。前缀是分开开发的 独立于词汇的语法, which are developed separately.
* h-*
作为根类名 (e.g. h-card
)
p-*
作为纯文本属性 (e.g. p-name
)u-*
作为URL属性 (e.g. u-photo
)dt-*
作为日期/时间属性 (e.g. dt-bday
)e-*
作为嵌入标签属性 (e.g. e-note
) 详情参见 microformats2-prefixes。
可选属性一般集合
所有微格式都由一个根和一组属性组成。 分层数据用嵌套的微格式表示,通常作为属性值本身。 属性都是可选的并且可能是多值的(需要单一语义的应用可以使用第一实例)。
通用的单个类标记
常见的简单标记模式只需要一个微格式根类名称,解析器用它来查找几个通用属性:名称,网址,照片。 上面的简单的microformats2示例演示了这些。
更多内容参见microformat2