HTML5: microdata proposal

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への変換について定めてるのが強いでしょうか。初期なのでこなれてない部分もありますが、なかなか楽しみな機能です。

tel, accesskey, hgroup, and header

HTML5にいくつか機能追加や変更がありました。

ひとつめはinput@typetel。もともとWeb Forms 2.0にあったのですが、HTML5に統合されたときになくなり、今回復活したという経緯だそうです。

続いてaccesskeyです。キーバインドを複数指定できるようになりました。

最後はheader要素の変更です。これまでheader要素は「h1-h6を囲む見出し要素」として定義されていました。ただ、他の要素も含めることができたので、ぼくらが使う「header」と同じように利用してしまい、適切なマークアップになってませんでした。

というわけで、h1-h6要素を囲むhgroup要素に改められました。そして、新しいheader要素が追加されました。この要素は、いわゆる「ヘッダー」を表します。navとかも書くことができるようになりました。

HTML5 new WD dated Apr 21

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は今年の後半を予定してますが、流れが加速してますね。

type=tel for <input>?

AppleのAntti Koivistoさんが「<input type=tel>がほしい」という要望を出しています。

電話番号専用のUIを提供したいということなんでしょうね。もとNokiaで現Appleのひとっぽいので、iPhoneでそういうことを考えているということなんでしょうか。

SafariのMaciejも興味があるということで、凝ったUIはないかもしれませんが先行実装もでてくるんでしょうか。

textarea@placeholder

input要素に追加されたplaceholder属性が、textareaにも追加されました。

ただ、現時点では改行を取っ払ってしまうのがすこし厄介かもですね。ここは複数行であってほしいです。どうやって指定するかはわかりませんが。

rename <header>?

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>
How to mark up list headers

リストの中に見出しっぽいものを書きたいときってありますよね。そんな疑問に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の中にリストを入れられなくなったのは、それによるからとのこと。これは残念。

HTML WG Telecon Feb 5

先々週のTeleconです。

ARIAとAPIを結びつけるためのタスクフォースが組織されるという話題が大きいでしょうか。他はIssueを片付けていく流れだったようです。