意外と要注意 HTML5データ属性とjQuery Data APIの関係まとめ | ゆっくりと…
前の記事「HTML5でモダンブラウザのCSS3バグを回避するためのハック方法」に関連して、jQuery で HTML5 データ属性にユーザーエジェント文字列を格納する方法を調べていました。その結果、ちょっと整理をしておいた方が良いかなと思う点を共有したいと思います。 ご存知の方も多いと思いますが、jQuery には .data() や jQuery.data() という、DOM 要素に データ を紐付けて記憶しておく仕組みが元々ありました。jQuery 1.4.3 からは、 API レベルでの 親和性 が考慮された形で HTML5 data-* 属性を取り込む仕様が導入されました。 HTML5 時代では、クライアント・サイドで実行されるコード量も増え、データ属性を扱う機会もちょくちょく出てくるのではないでしょうか。そこで今回は、 HTML5 data-* 属性のおさらい jQuery Da
HTML5でセマンティックなマークアップ
4. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><body><div> <div> <div> <div>HTML4では、こんなマークアップが普通でした。 </div> <div> <div> </div> </div> </div> <div> <div> <div> <div>「分け入っても分け入ってもdiv」 </div> <div> </div> </div> </div> </div> <div> </div> </div></div></body></html> 6. エンジニアがマークアップに意味を「吹きこむ」Chrome+HTML5 Conference 開催のご案内最近、スマートフォンサイトを中心に活用事例が目立つようになり
Microdata関連の属性 - グローバル属性 - HTML5 タグリファレンス - HTML5.JP
5.2 マイクロデータのエンコーディング 5.2.1 マイクロデータ モデル マイクロデータ・モデルは、アイテム として知られる name-value ペアのグループから構成されるものです。 それぞれのグループは0個以降のタイプを持ち、それぞれの name は1個以上の値を持ち、それぞれの value は文字列か別の name-value ペアのグループのいずれかとなります。 5.2.2 アイテム: item 属性 すべてのHTML要素に item 属性を指定することができます。 item 属性が指定された要素は、新たなアイテムと name-value ペアのグループを生成します。 この属性が指定するなら、次のいずれかの値を持たなければいけません： 空文字列、または、 文字列 "http://www.w3.org/1999/xhtml/custom#" に前方一致しない絶対 URL とな
RDFa vs microformats from Evan Prodromou
I'm fascinated by the idea of including semantic markup in Plain Old XHTML pages, and I'm excited by recent developments in this area. But I'm also concerned about the growing discrepancy between the W3C's initiative, namely RDFa, and the more established but conversely less official microformats effort. I think that having competing standards efforts in this area is going to hurt the advancement
Learn About Google Event Schema Markup | Google Search Central | Documentation | Google for Developers
SEO fundamentals Introduction Search Essentials SEO Starter Guide How Google Search Works Do you need an SEO? Crawling and indexing Sitemaps robots.txt Meta tags Crawler management Removals Canonicalization Redirects JavaScript SEO Ranking and search appearance Visual Elements gallery Title links Snippets Images Videos Structured data Favicons Site-specific guides Ecommerce International and multi
Microdata, semantic markup for both RDFers and non-RDFers - benjamin nowack's blog
There's been a whole lot of discussion around Microdata, a new approach for embedding machine-readable information into forthcoming HTML5. What I find most attractive about Microdata is the fact that it was designed by HTMLers, not RDFers. It's refreshingly pragmatic, free of other RDF spec legacy, but still capable of expressing most of RDF. Unfortunately, RDFa lobbyists on the HTML WG mailing li
SEOと情報アーキテクチャ: 定義・サイト構造・ドメイン最適化 ｜ SEOモード
情報アーキテクチャ（IA）とSEOはどのような形で関わり合うのでしょうか。適切にIAを実践できればSEOは必要ないという意見もあるかも知れませんが、IAが内部情報の適切な設計に関わる役割を果たす一方で、トラフィックを生むSEOを必要としているサイトは決して少なくありません。 ここでは、Adam Audette氏の『The SEO Guide to Information Architecture』の全訳を3回に分けてお届けいたします。 Audette氏は、SEOの視点から情報アーキテクチャを考え、そこからいわゆる内部SEOを実践することの重要性を説いています。しばしばクローラー対策一辺倒のサイト制作になりがりなSEOにおいて、今日、ユーザーに配慮した情報設計や導線設計が不可欠と考えられていることは周知の通りですが、それをいかに実践するかのヒントを、ある程度の分量で提供してくれているこの記事
RDFa for HTML Authors
RDFa for HTML Authors, Steven Pemberton, W3C/CWI Version date: 2009-05-14 Introduction RDFa is a thin layer of markup you can add to your web pages that makes them understandable for machines as well as people. You could describe it as a CSS for meaning. By adding it, browsers, search engines, and other software can understand more about the pages, and in so doing offer more services or better res
HTML5 Microdata - Over-cooked? - fberriman.com
May 24, 2009 What is Microdata? Microdata is HTML5's answer to how we should go about embedding machine-readable data in our mark-up. At a high level, microdata consists of a group of name-value pairs. The groups are called items, and each name-value pair is a property. Items and properties are represented by regular elements. A simple example looks something like this: <div item> <p>My name is <s
HTML5のMicrodataとは何か？
HTML5では、HTML文書の中にメタデータを埋め込むための「Microdata」という仕様が含まれています。 最初に簡単なMicrodataの具体例を紹介します。HTML文書の中で明示的に人名であることを示したい内容があるとき、Microdataでは次のように書くことができます。 <div itemscope> <p>僕の名前は<span itemprop="name">山田太郎</span>です。</p> </div> この文書をWebブラウザで表示しても、 僕の名前は山田太郎です。 と表示されるだけで、特に何か変わったことが起きるわけではありません。しかし、このHTML文書を検索エンジンが読み込むと「山田太郎という文字列はnameである」と理解してインデックスしてくれる、といったことができるようになります（というのはあくまで例です）。 Microdataとは、文書の内容に対して機械に
Semantics in HTML 5
I’m going to make a bold prediction. Long after you and I are gone, HTML will still be around. Not just in billions of archived pages from our era, but as a living, breathing entity. Too much effort, energy, and investment has gone into developing the web’s tools, protocols, and platforms for it to be abandoned lightly, if indeed at all. Let’s stop to consider our responsibility. By an accident of
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
rdfa-cheat-sheet_v04.graffle
SearchMonkey - Getting Started