タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

codingとHTML5とmicrodataに関するbitgleamsのブックマーク (3)

  • meta 要素に対する Microdata の指定

    meta 要素に対する Microdata の指定について、過去に書いた記事に間違いがあったので修正とその解説。また、itemprop 属性もつ meta 要素や link 要素の body 要素内での使い方に関しても解説してみます。 もうちょっと早く書こうと思ったんですけどこんなに間が空くとは…… 去年の末、HTML5 Advent Calendar 2012 の記事として、「Microdata を使ってみよう。サンプルソースで学ぶ Microdata」 を書いたんですが、その中で 2箇所ほどサンプルソースに間違いがあるのをご指摘頂いて修正したんですね (ご指摘感謝です)。 そのうち、1つの間違いは単純な記述抜けというか、ミスだったんで置いといて、もう1つ、私が meta 要素に対して itemprop 属性を指定したサンプルで、同じ要素に name 属性をあわせて指定してたのをご指摘頂

    meta 要素に対する Microdata の指定
  • ちょっとしたメモ - HTML5+Microdataへの全面移行

    この春頃からMicrodataを試してみたりHTML5にかかわる機会が増えてきたので、いずれ実施しようと考えていたサイト全ページの書き換えを敢行しました。スタイルシートはごく一部を除いてほとんど従来のまま。ページ自身のメタデータほかの構造化データは、Schema.org語彙を中心にして表現しています。 Microdataの記述 今回使ったMicrodataの一部を紹介しておきます。Microdataは、文書内に記述されたものごとの特徴を表す名前-値の対(プロパティ)のグループをアイテムと呼び、基単位として扱います。 アイテムと型 Microdataの場合、まず最初にアイテムの範囲(スコープ)をitemscope属性で示します。文書のメタデータを表現したいので、html要素にこの属性を加えて全体を一つのアイテムとします(itemscopeは真偽値属性で属性名のみを記述しますが、XHTML

  • HTML5を使って、セマンティックなWebサイトを作ろう

    2012年3月に発表されたGoogleセマンティック検索の導入にあるように、セマンティックというキーワードが急に身近になった今、セマンティック・ウェブは、今後ますますトレンドになっていくでしょう。 今回の連載では、実際にHTML5やマイクロデータを使った、セマンティックなマークアップの導入例や方法などを説明してまいります。

  • 1