hCalendar ( HTML iCalendarの略) は、HTML クラスとrel属性を使用して、 Web ページ上でイベントに関するiCalendar形式のカレンダー情報をセマンティック(X)HTML表現で表示するためのマイクロフォーマット標準です。
これにより、解析ツール(他のウェブサイトやFirefoxのOperator拡張機能などのブラウザアドオン[1]など)を使用してイベントの詳細を抽出し、他のウェブサイトを使用して表示したり、インデックスを作成したり、検索したり、カレンダーや日記プログラムに読み込んだりすることができます。複数のインスタンスをタイムラインとして表示できます。
例
次の半ば架空の例を考えてみましょう。
英語版ウィキペディアが開設されました 2001年1月15日、 午後2時から4時まで ジミー・ウェールズの家 (詳細情報)。
HTML マークアップは次のようになります。
< p >
英語版ウィキペディアが開設されました
2001年1月15日、
午後2時から4時まで
ジミー・ウェールズの家
( < a href = "http://en.wikipedia.org/wiki/History_of_Wikipedia" >詳細情報</ a > )
</ p >
hCalendar マークアップは、HTMLspan 要素とクラス vevent、、(開始日)、(終了日)、およびを使用して追加できます。
summarydtstartdtendlocationurl
< p class = " vevent" > < span
class = "summary" >英語版ウィキペディアが開設されました</ span >
2001年1月15日、
< abbr class = "dtstart" title = "2001-01-15T14:00:00+06:00" >午後 2 時</ abbr > -
< abbr class = "dtend" title = "2001-01-15T16:00:00+06:00" >午後 4 時</ abbr > <
span class = "location" >ジミー・ウェールズの家</ span >
( < a class = "url" href = "http://en.wikipedia.org/wiki/History_of_Wikipedia" >詳細情報</ a > )
</ p >
abbr開始時刻と終了時刻を機械可読なISO8601 の日時形式
で格納するために、 要素が使用されていることに注意してください。
アクセシビリティに関する懸念
このような場合、要素を上記のように使用すると(いわゆるabbrデザインパターンを使用)、特にスクリーンリーダーや音声ブラウザのユーザーにとってアクセシビリティの問題が発生するという懸念が表明されています[2] 。 [3]そのため、新しいh-eventマイクロフォーマットでは、代わりにHTML5要素を使用します。
abbrtime
<time class= "dt-start" datetime= "2013-06-30 12:00" > 2013年6月30日12:00 </time>
地理
GeoマイクロフォーマットはhCalendar 仕様の一部であり、hCalendar 内にイベントの場所の座標を含めるためによく使用されます。
属性
属性の完全なリストについては、hCalendar チートシートを参照してください。
ユーザー
hCalendar を使用している著名な組織やその他の Web サイトには、次のものがあります。
- バーミンガム市庁舎とシンフォニーホール[4]
- フェイスブック[5]
- Google(Googleマップ[6]および検索エンジン結果ページ[7] [8])
- Operaウェブブラウザのウェブサイト[9]
- ラジオタイムズ[10]
- バース大学[ 10]
- ワシントン大学[ 10]
- Upcoming.org [10]
- ウィキペディア[11]
- Yahoo!、Yahoo!ローカル[10]
参考文献
- ^ Microformats.org: マイクロフォーマットのブラウザサポート
- ^ Web 標準プロジェクト、hAccessibility: マイクロフォーマットの略語
- ^ マイクロフォーマット Wiki: 支援技術
- ^ マイクロフォーマット – バーミンガム市議会
- ^ Protalinski, Emil (2011-02-18). 「Facebook がイベントに hCalendar と hCard マイクロフォーマットを追加」ZDNet。2011 年 2 月 19 日時点のオリジナルよりアーカイブ。2011年3 月 24 日閲覧。
- ^ 公式 Google マップ API ブログ: Google マップのマイクロフォーマット
- ^ Microformats.org: Google が hCalendar と hRecipe リッチ スニペットのサポートを追加
- ^ Google ウェブマスター ツール: リッチ スニペット - イベント
- ^ David Storey – Opera サイト上のマイクロフォーマット
- ^ abcde hCalendar の実際の例 · Microformats Wiki
- ^ Wikipedia:マイクロフォーマット
外部リンク
- Microformats Wiki の hCalendar
