生活必備咖啡因程式碼-店長Yui大小事

HTML5教學之RDFa的格式設計,它擴充了HTML的幾個屬性,網頁製作者可以利用這些屬性在網頁中添加更多資訊

RDFa的格式

什麼是RDFa?

HTML5教學的RDFaSEO優化方法 (Resource Description Framework in Attributes，屬性資源描述架構) 也是用來描述結構化資料的方式。
其SEO優化所使用的語法跟微數據很像，用 vocab 來指定 Schema.org；typeof 指定類型；property 指定屬性。

RDFa的例子與語法

RDFa 表示法的樣子如下：
 

<div vocab="http://schema.org" typeof="Person">

<span property="givenName">John<span>
<span property="familyName">Smith<span>

<span property="gender">male<span>

上例HTML5教學的內容是用來表示：名字為「John」、姓氏為 「Smith」、性別為 「男」

其實跟下面的微數據意思是一樣的：
 

<div itemscope itemtype="https://schema.org/Person">

<h1 itemprop="givenName">John<h1>
<h1 itemprop="familyName">Smith<h1>

<span itemprop="gender">male<h1>

</div>

 推薦閱讀