HTML5教學之RDFa的格式設計

HTML5教學之RDFa的格式設計

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>

 推薦閱讀