ブログ  前の記事  次の記事  2007-06-29 

たけまる / microformats の例 - hReview


2007-06-29

_ microformats の例 - hReview [microformats]

hReview は,ブログの記事などを評価するときに用いられます.

■ class 属性

主な class 属性です (CSS selector 表記).評価対象は必須です.
.hreview ".fn .url" 評価対象
.hreview .summary 概要
.hreview .dtreviewed 評価日時
.hreview .type 種類 (product, business, event, person, place, website)
.hreview .reviewer 評価者 (hCard)
.hreview .rating 評価 (1-5)
.hreview .description 詳細

評価対象には hCard と hCalendar を指定することもできます.

■ 代替表記について

評価は 1 から 5 の数値で表すことになっていますが,代替表記を使うこ
ともできます.タグ名を abbr とし,正式な表記を title 属性に書きま
す (たぶん評価以外に使ってもよいと思います).

<abbr class="rating" title="5">★★★★★</abbr>

■ 例

hReview の簡単な例を示します.

<div class="hreview">
  <div>
    <span class="summary">microformats の評価</span>
    (<a class="fn url" href="http://microformats.org/">microformats.org</a>)
  </div>
  <div>
    評価者:
    <span class="reviewer vcard">
      <span class="fn">マイクロ 太郎</span>
    </span>
  </div>
  <div>
    評価:
    <abbr class="rating" title="5">★★★★★</abbr>
  </div>
</div>

microformats の評価 (microformats.org)
評価者: マイクロ 太郎
評価: ★★★★★


■ 参考情報

hReview を生成するツールがあります.概要や日時を入力すると,
hReview に対応した HTML を出力してくれます.
- hReview Creator

hReview の仕様は以下にあります.
- hreview - Microformats
- hreview-ja - Microformats
- hreview-cheatsheet

一言メッセージをこっそり送信できます (非公開)
 今年の西暦→
Referrer (Inside): [2007-08-22-1] [2007-07-12-1] [2007-06-11-1]