隨著 HTML5 規(guī)范的發(fā)展，一些 HTML5 的特性已經(jīng)逐漸被現(xiàn)代瀏覽器支持，Kayo 最近也給網(wǎng)站加入一些 HTML5 的特性，比如這次要介紹的微數(shù)據(jù)。
一.什么是微數(shù)據(jù)?
首先通俗地介紹一下，微數(shù)據(jù)是在如 span、div 的標(biāo)簽內(nèi)添加屬性，讓機(jī)器（如搜索引擎）識別其意義，一些特定類型的信息，例如評論、人物信息或事件都有相應(yīng)的屬性，用來描述其意義。
在這里再科普一下，給出谷歌關(guān)于微數(shù)據(jù)的解釋：
HTML5 微數(shù)據(jù)規(guī)范是一種標(biāo)記內(nèi)容以描述特定類型的信息，例如評論、人物信息或事件。每種信息都描述特定類型的項(xiàng)，例如人物、事件或評論。例如，事件可以包含 venue、starting time、name 和 category 屬性。
微數(shù)據(jù)使用 HTML 標(biāo)記（常為 span 或 div）中的簡單屬性為項(xiàng)和屬性指定簡要的描述性名稱。
二.例子
下面給出一個簡單的例子，把 HTML5 微數(shù)據(jù)應(yīng)用在網(wǎng)站的評論部分：
首先寫出一段簡單的 HTML ，該段 HTML 顯示了一條評論
<div> <span>Kayo</span> <span>2012年2月6日 22:30</span> <span>評論內(nèi)容</span> </div>
以下是用微數(shù)據(jù)標(biāo)記的同一段 HTML 內(nèi)容
<div itemscope itemtype="http://data-vocabulary.org/Review"> <span itemprop="reviewer">Kayo</span> <span itemprop="dtreviewed" datatime="2012-02-06T22:30:30.50+08:00">2012年2月6日 22:30</span> <span itemprop="description">評論內(nèi)容</span> </div>
說明：itemscop 表示該 div 中描述了某一項(xiàng)微數(shù)據(jù)，itemtype="http://data-vocabulary.org/Review" 表示該微數(shù)據(jù)項(xiàng)類型是一條評論；具體的數(shù)據(jù)項(xiàng)都用 itemprop 屬性標(biāo)識，如 "reviewer" 表示評論者， "dtreviewed" 表示評論時(shí)間，其中 datatime 屬性標(biāo)識了該評論的具體評論時(shí)間，屬性值必須使用 ISO 日期格式描述一個日期，另外為了使用戶易于理解，網(wǎng)頁上可以用常見的時(shí)間格式標(biāo)識時(shí)間。
三.微數(shù)據(jù)的語法
在一項(xiàng)微數(shù)據(jù)的最外層 div ，需要用 itemscop 標(biāo)識，并用 itemtype 指定微數(shù)據(jù)類型， itemtype 的值是一個 url ，用于引入一個微數(shù)據(jù)詞匯表（即各種微數(shù)據(jù)的類型定義），可以使用 http://schema.org 或是 http://data-vocabulary.org ，具體的微數(shù)據(jù)類型可以參考上面兩套微數(shù)據(jù)詞匯表。
在用 itemscop 標(biāo)識了的元素內(nèi)使用 itemscope 屬性添加微數(shù)據(jù)，itemscope 的值為 HTML 標(biāo)簽包含的內(nèi)容（如例子中的 reviewer 和 description ），又或是標(biāo)簽的屬性值（如例子中的 dtreviewed，取 datatime 的值為屬性值）。
還有以下元素，也是以屬性值作為 itemscop 的值
<a href=""> <area href=""> <audio src=""> <embed src=""> <iframe src=""> <img src=""> <link href=""> <object data=""> <source src=""> <video src="">
四.微數(shù)據(jù)的作用
看了上面的內(nèi)容，貌似微數(shù)據(jù)挺復(fù)雜的，那究竟有什么用呢？答案很簡單——讓機(jī)器識別網(wǎng)頁內(nèi)容，這樣最直接的效果是網(wǎng)站的架構(gòu)會變得容易理解，不同人類語言的頁面都有一個共同的、易于識別的微數(shù)據(jù)描述，這樣可以看作一種豪華的 seo ，或是制作一些通訊錄，記事本等信息性很強(qiáng)的 Web App。
本文由 Kayo Lee 發(fā)表，本文鏈接：http://kayosite.com/html5-microdata.html
哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站，并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底，使您的網(wǎng)站無需額外費(fèi)用，即可穩(wěn)步提升排名至首頁。歡迎體驗(yàn)最佳的哈爾濱網(wǎng)站建設(shè)。