因緣下發現 schema.org 這語義標籤。
schema.org, microdata, microformat, RDFs... 等標準都有著相同的目標,將網頁資料格式化,讓搜尋引擎可以更能精確的判別每筆資料所代表的意義。如此,網路世界才能更相通,資料交換更加容易。甚者,可以發展特別的 extension 來瀏覽某些特定資訊。
原本是要細追 microformat 的使用,卻發覺 microformat 的發展不如預期,而 google, yahoo, bing... 等都提出對 schema.org 的支援。很認同語意標籤的觀念跟作法,既然要改,就以最新標準來修改吧!
打算將部落格特定主題文章全面改用 schema.org 的相對應標籤來改寫,並設計獨立的 CSS 以嵌入到各個部落格,初步的嘗試是 let-lohas 的店家資訊。
參考 schema.org/Restaurant 的規範,初步寫了個簡單的店家資訊跟樣式表,還有許多要調整的欄位跟顯示樣式,留待哪天想到時再調整吧:
套用在 lets-lohas 的範例在此
schema.org, microdata, microformat, RDFs... 等標準都有著相同的目標,將網頁資料格式化,讓搜尋引擎可以更能精確的判別每筆資料所代表的意義。如此,網路世界才能更相通,資料交換更加容易。甚者,可以發展特別的 extension 來瀏覽某些特定資訊。
原本是要細追 microformat 的使用,卻發覺 microformat 的發展不如預期,而 google, yahoo, bing... 等都提出對 schema.org 的支援。很認同語意標籤的觀念跟作法,既然要改,就以最新標準來修改吧!
打算將部落格特定主題文章全面改用 schema.org 的相對應標籤來改寫,並設計獨立的 CSS 以嵌入到各個部落格,初步的嘗試是 let-lohas 的店家資訊。
參考 schema.org/Restaurant 的規範,初步寫了個簡單的店家資訊跟樣式表,還有許多要調整的欄位跟顯示樣式,留待哪天想到時再調整吧:
套用在 lets-lohas 的範例在此
寫樣式的時候發覺許多之前收集的 bookmark 其實派不上用場,倒是 google 到了許多好用的工具網站。
看來該找時間重新整理 bookmark 了。
Color Scheme Designer 3
Ultimate CSS Gradient Generator - ColorZilla.com
Using CSS3 Transitions, Transforms and Animation
How to Create an HTML5 Microdata Powered Resume
24 ways: Styling hCards with CSS
Marvin Y. Thomas
Florian Pichler · Design & Development from Germany
而最有趣的,莫過於在此發現到果子的相片,哈!
看來該找時間重新整理 bookmark 了。
Color Scheme Designer 3
Ultimate CSS Gradient Generator - ColorZilla.com
reference
HTML5 Microdata and CSS « Knut Kristian Johansen’s blogUsing CSS3 Transitions, Transforms and Animation
vCard
在搜尋過程,也看到不少做的不錯的網路名片,也許也該撥空來弄一個How to Create an HTML5 Microdata Powered Resume
24 ways: Styling hCards with CSS
Marvin Y. Thomas
Florian Pichler · Design & Development from Germany
而最有趣的,莫過於在此發現到果子的相片,哈!