Skip to content
Tag

Rdfa

Articles and publications tagged Rdfa across the Atmosphere.

7articles2publications
ばうあーろぐ
ばうあーろぐ
Mar 11, 2013
HTMLの名前空間(namespace)について掘り下げてみる
例えば、 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml"> 『こういうのを HTML に埋め込んでください』とか、 <meta property="og:title" content="ソーシャル用のタイトルがここに入る"> <meta property="og:type" content="article"> 『この記述を入れておきましょう』とか、 <fb:like url="***" layout="button_count" width="300">いいね!</fb:like> 『このコードは古くて廃止されてるから使わないようにしましょう』とか・・・。 次から次へと新しい方法が出て来て、なんだかよくわからないけど、言われるがままに埋め込んでる、という人もけっこういるのではないかなーと思ってたりしてます。 この辺を少し掘り下げて、理解を深めたいと思います。 OpenGraph のケース og なんとかで始まる埋め込みの記述と以前からの meta 要素とは、少し異なる点があります。 <meta name="description" content="ここにページの説明文が入る"> <meta property="og:description" content="ここにogpの説明文が入る"> 『meta と property が違うのはなぜ?』 前から存在している、description や keywords, はたまた最近の viewport なんかは、 meta 要素の name 属性で記述されているのに対して、 ソーシャルメディアでよく使われる、og:title や og:description, はたまた Facebook で使われる fb:appid あたりは、meta 要素の property 属性で記述されています。 両者にどのような違いがあるのでしょうか? OpenGraph に関する仕様は、 Open Graph protocol The Open Graph protocol enables any web page to become a rich object in a social graph. ogp.me に掲載されています。 こちらによると、
HTMLnamespace

You've reached the end.