DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> RDFa讓你的頁面更好的被機器所理解
RDFa讓你的頁面更好的被機器所理解
編輯:CSS詳解     

看著這個題目可能大家會有點陌生,不知道是什麼,說的直白一點,RDFa就是讓你的頁面更好的被機器所理解,而不簡簡單單是展示你的頁面,下面就關於此對什麼是RDFa做個簡單介紹。

背景:

為什麼會出現RDFa這個東西呢?
現在的互聯網主要是為人類的使用而創造的,雖然機器可讀的數據是互聯網上最先出現的,但是這些機器可讀的數據一般是以單獨的文件和單獨的格式被發布在互聯
網上的,機器可讀的和人類可讀的數據之間的關聯是相當少的。結果就是現在的浏覽器在解析和處理web數據上的能力很差,因為浏覽器只負責展示這些信息。

但是浏覽器能夠識別這些數據又有什麼用呢?

用處多了,如果浏覽器可以很好的識別這些數據,它就會形成一個固有的數據結構,而如果將這些數據結構加裡利用,那我們就不需要記錄一些信息都是通過
無數次的ctrl+c和ctrl+V來完成了,一鍵操作就很方便了,而對於搜索引擎來說,就是更好的搜索結果展示以及更強大的數據挖掘能力了。

所以基於這個目的,RDFa出現了,就是為了達成我們的這個目的,它的全稱是“Resource Description Framework in attributes”,其實從它名字的全稱就可以獲取到很多信息了,呵呵。

RDFa介紹:

提到了為什麼會出現RDFa這個東西,那什麼是RDFa呢,主要體現在下面幾點:

  • 連接機器與Web數據之間的一座橋梁
  • 通過為一些可視化的數據提供一系列的XHML屬性而使得這些數據可以被機器所理解。
  • 基於XHtml+RDFaDTD

而與我們平時做的頁面相比,使用RDFa技術的時候,它的頭部doctype是這樣定義的:

1
2
		<!DOCTYPE html PUBLIC “-//W3C//DTD XHtml+RDFa 1.0//EN”
		"http://www.w3.org/MarkUp/DTD/xHtml-rdfa-1.dtd">

上面的這種是基於XHTML的,主要是因為此標簽的可擴展性,可以使得RDFa更好的嵌入,但是雖然Html無法有這麼好的擴展,但是仍然有針對它的標准,定義如下:

1
2
		<!DOCTYPE Html PUBLIC "-//W3C//DTD Html4+RDFa 1.0//EN" 
		http://www.w3.org/MarkUp/DTD/Html4-rdfa-1.dtd>

而對於Html來說,唯一需要解決的問題就是對名字空間缺乏的問題。

優勢:

  • 增強的搜索功能
  • Publisher Independence
  • 數據再利用性
  • 自我控制
  • 模塊化架構
  • 可提升可訪問性

實現原理:

在實現主要是通過引入名字空間的方法在已有的標簽中加入RDFa相應的屬性來使得支持RDFa技術的浏覽器或者搜索引擎可以解析到,從而達到優化的目的,就通過一段簡單的代碼做實例吧:

1
2
3
4
5
	<div XMLns:dc="http://purl.org/dc/elements/1.1/" about="http://www.example.com/books/wikinomics">
		<span property="dc:title">Wikinomics</span>
		<span property="dc:creator">Mr right</span>
		<span property="dc:date">2006-09-02</span>
	</div>

在上面的代碼示例中主要用到了RDFa屬性中的about屬性和property屬性,這段代碼示例說明了一篇文章,然後描述了和這篇文章相關的信
息,比如說標題,創建者和創建日期,而這些屬性就可以使得支持RDFa的機器識別,從而形成跟我們人類所理解的那種結構的一個體系,達到我們的目的。

而我們要做的就是在我們了解這個網絡的同時,我們也要讓機器跟我們一樣懂。

前景:

  • W3C剛出不久的一個標准(2008/10/14)
  • 目前Firefox已經有了針對RDFa的插件,可以對使用RDFa的頁面進行解析。
  • Google已經在今年的5月12日發布支持RDFa以及微格式的宣言。
  • 而在Google之前,yahoo已經支持了RDFa了,而且目前已經有相應的優化頁面。

通過這些我們可以看出,RDFa的前景還是很不錯,如果某一天真的浏覽器也支持了,那我們的互聯網上將會出現一種新的局面,期待中,大家有什麼問題,也可以一起探討。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved