新一格式的HTML5教學

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>

 

 推薦閱讀

arrow
arrow

    uidesignxiaoshow 發表在 痞客邦 留言(0) 人氣()