HTML5に“microdata”なるセクションが追加されました。
機械抽出可能なデータを埋め込むための仕組みです。RDFaを参考にして、item, itemprop, subjectという3つの属性を導入しています。
<section item="org.example.animal.cat"> <h1 itemprop="org.example.name">Hedral</h1> <p itemprop="org.example.desc">Hedral is a male american domestic shorthair, with a fluffy black fur with white paws and belly.</p> <img itemprop="org.example.img" src="hedral.jpeg" alt="" title="Hedral, age 18 months"> </section>
こんな感じに書くそうです。ほとんどRDFですね。
APIとJSON, RDFへの変換について定めてるのが強いでしょうか。初期なのでこなれてない部分もありますが、なかなか楽しみな機能です。
HTML5にいくつか機能追加や変更がありました。
ひとつめはinput@typeのtel。もともとWeb Forms 2.0にあったのですが、HTML5に統合されたときになくなり、今回復活したという経緯だそうです。
続いてaccesskeyです。キーバインドを複数指定できるようになりました。
最後はheader要素の変更です。これまでheader要素は「h1-h6を囲む見出し要素」として定義されていました。ただ、他の要素も含めることができたので、ぼくらが使う「header」と同じように利用してしまい、適切なマークアップになってませんでした。
というわけで、h1-h6要素を囲むhgroup要素に改められました。そして、新しいheader要素が追加されました。この要素は、いわゆる「ヘッダー」を表します。navとかも書くことができるようになりました。
HTML5の新しい草案が21日付けで公開されます。
MikeSmith> Hixie: can you please get the W3C version of the spec ready for updated WD publication on Tuesday?
MikeSmith> 21st
前回のWDは2月だったのでずいぶん早い更新のように思いますが、これはWeb WorkersやWeb Sockets, Web Storageの分離や、製作者向け文書のための代替スタイルシートの追加など、大きな変更があったためです。
Last Callは今年の後半を予定してますが、流れが加速してますね。
AppleのAntti Koivistoさんが「<input type=tel>がほしい」という要望を出しています。
電話番号専用のUIを提供したいということなんでしょうね。もとNokiaで現Appleのひとっぽいので、iPhoneでそういうことを考えているということなんでしょうか。
SafariのMaciejも興味があるということで、凝ったUIはないかもしれませんが先行実装もでてくるんでしょうか。
input要素に追加されたplaceholder属性が、textareaにも追加されました。
ただ、現時点では改行を取っ払ってしまうのがすこし厄介かもですね。ここは複数行であってほしいです。どうやって指定するかはわかりませんが。
「headerは複数の見出しをグループ化するためのものなのに、div.headerみたいなただのコンテナとして利用されてる。」「名前変えたほうがいいんじゃ?」みたいなコメントがありました。
ただ、結構strictな視点からのコメントなので、そこまで問題ないのではという見方もでています。
どちらかというとその後で触れられている、sectionの誤った使い方のほうが問題な気もします。
<article>
<header>
<h1>My blog post</h1>
<p>2022-01-01T01:01</p>
</header>
<section>
<p>This is the content</p>
</section>
</article>
こっちに書くのを忘れていました。HTML5のWDが出ました。
- “Drafts of HTML 5, Differences from HTML 4 Published”
- “HTML 5 (W3C Working Draft 12 February 2009)”
- “HTML 5 differences from HTML 4 (W3C Working Draft 12 February 2009)”
取り上げて翻訳も公開しました。
あとは記事を読んでください。
リストの中に見出しっぽいものを書きたいときってありますよね。そんな疑問にHixieが答えてくれました。
You can do this in HTML5, using <figure> and <legend>:
<figure>
<legend>A header for the list</legend>
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
</figure>
へー、figureもつかえるんですね。
ちなみにlh的な要素ができないのは、やっぱり今のパーサーの実装方法に影響がでるからっぽいです。
あと、pの中にリストを入れられなくなったのは、それによるからとのこと。これは残念。
先々週のTeleconです。
ARIAとAPIを結びつけるためのタスクフォースが組織されるという話題が大きいでしょうか。他はIssueを片付けていく流れだったようです。