MicrodataとMicroformatsとRDFaとschema.org | kzakza
schema.orgに興味を持ちながらも、 schema.orgが採用したmicrodataって何というレベルだったりします。実は私、MicrodataとMicroformats、RDFaをよく混同するヘタレだったりするので、自分用にちょっとまとめてみました。非常に簡易でしかも正しいのかわからないまとめであることはあらかじめに申し上げておきます。 ■Microdata HTML5で導入されたhtmlにメタデータを組み込む仕様で、以下のような感じでhtmlタグの中にitemtypeとかitempropなどの属性を埋め込んでメタデータを記述する。 <section itemscope itemtype="http://data-vocabulary.org/Person"> Hello, my name is <span itemprop="name">John Doe</span>, I a
HTML5+RDFaについて
このブログをHTML5に変更してみました。最近流行のFacebookのOGP（Open Graph Protocol）も設定しました。 HTML5に変更した理由は、OGP（Open Graph Protocol）を設置したときにvalidなHTMLにしたかったからなのですが、そもそもproperty属性はHTML5の属性ではなく、RDFaの仕様のようでした。勉強不足ですいません・・・。OGPを設置するにあたってHTML5にする必要はないようです。 ただしOGPを設置する場合、html要素に「xmlns:prefix」というネームスペースに対応した属性を設定する必要があります。FacebookのOGPに対応する場合は「prefix」に「og」を設定します。この設定はhtml5とかxhtmlには依存しません。 <html lang="ja" xmlns:og="http://ogp.me/ns
Microformats、RDFa、Microdataとschema.orgとリッチスニペット
リッチスニペットや構造化データについて調べてたら、横断的に知る必要があると思ったのでそれらをまとめました。 Microformats、RDFa、Microdataからschema.org、リッチスニペットまで。 リッチスニペットや構造化データについて調べてたら、 横断的に知る必要があると思ったのでそれらをまとめました。 Microformats、RDFa、Microdataからschema.org、リッチスニペットまで。 タイトルうまくまとめられなかった… ※理解8割程度なので間違いありましたら指摘して頂けると助かります セマンティックWeb 通常のHTMLやXHTMLでは文書構造を表すことができますが、 個々の意味までは伝えることができません。 例えば以下のようなHTMLがあります。 &lt;div&gt; 私の名前は吉良吉影です。 &lt;/div&gt
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
