質問の回答 #1
私たちのサイトが公式に公開されてからというもの 1 週間ずっと、私たちは回答でヘトヘトだった。こんなに多くのみなさんが、HTML5 に関して議論に加わることを望み、何ができて、何ができないのか、や、この仕様のメリットとデメリットについて尋ねたかったなんて、すごい。
この投稿では、私たちが受けたいくつかの質問について扱うつもりだ。回答のすべてをここで言う必要はないだろうが、必要なところに絞ってここで話そう。私たちは、対応した質問の回答をこれからも投稿するつもりだ。でも、たいした質問でなくても構わないから、怖がらないで質問してほしい。じゃぁ、初心者向けから行ってみよう …
自動変換?
Andy Mabbett の質問:
私の(妥当な)HTML 4.01 Strict のドキュメントを HTML5 に変換できるような自動または半自動ツールってありますか? または、そのようなツールは出てきますか?
HTML 4.01 から HTML5 に変換するツールは知らないけれども、それに関する記事(下記参照)なら、いくつかある。これらの記事では、HTML5 を使うため、プレゼンテーションにおいて、よりセマンティックに class の名前を付ける方法が説明されている。
- More on developing naming conventions, Microformats and HTML5
- Preparing for HTML5 with Semantic Class Names
- HTML5 id/class name cheatsheet
結局のところ、HTML 4.01 から HTML5 に移行するためにコンバーターを使うことは、賢明なことなのでしょうかねぇ?いくら賢いマシンでも、例えば、<aside> や <figure> の本当の意味を理解できないだろう。これについて他の人の意見も聞いてみたいところだ。
HTML5 はいつから使い始めるべき?
James の質問(ちょっと皮肉を込めてるようだ):
先生、はじめまして。
"実際に" HTML5 が使えるときが分かるのはいつになるのでしょうか。アナウンスはあるのでしょうか?
yours etc,
James
公式なアナウンスがあるといいと思うが、私で良ければ、今ここでアナウンスしよう! あなたはもう HTML5 を使い始めることができる。これを言って気分が良くなった。冗談抜きに、今からでも、あなたが自分で開発しているサイトで HTML5 を使い始めない理由なんてどこにもない。きっちりとそれを使わなければいけないというつもりはないが、すくなくとも、あなたの開発ロードマップでは、それについての検討を始めるべきだ。私たちの姉妹サイトで、“世界中”の HTML5 を使ったサイトをたくさん見ることができる。実装の度合いは本当にさまざまではあるが(例えば、スタイル目的で <header> の前後に <div> を入れているのもある)、彼らはもうすでに HTML5 を組み込み始めたのだ。
最後に、最近、Molly が @media での講話で、この話に触れている。彼女曰く:
実装は仕様に優る
これを聞いて思ったのは、未だに CSS 2.1 のすべてが公式な仕様になっていないが、ほとんど人がそれを使っている。あなたがどこで始めるべきかはっきりしないなら、現在時点のブラウザーの実装状況を見たらいい。それは、WHATWG の Wiki で分かる。James の質問の答えになっているといいのだが。
本文
Darren の質問:
ページの本文はどうやってマークアップするのですか? <content> タグってあるのですか? <VIDEO> タグを使って SWF Flash ファイルを表示できますか?
Darren より
<content> タグ(要素)というのはないが、一番近い要素は <section> だろう。しかし、その領域に記事が一つしかないのであれば、<article> を使うべきだ。
2 つ目の質問だが、あなたは、SWF ファイルを、<video> タグのソースとしてネイティブに使うことはできない。FLV ファイルも同じだ。しばらくの間は、video 用に flash を組み込む必要があるだろう。<video> タグの中に flash をネストさせるのだ。
まず、source 要素をネストした <video> を使うのだ。source 要素は、異なるサポートコーデックにフォールバックさせるために使うのだ。もしすべてが失敗したら、特に、IE においてだが、<object> と <embed> の組み合わせを使って flash ビデオを表示させるようにする。これは、IE8 とそれ以前のバージョンは <video> をサポートしていないからだ。あなたは、動作する何かにフォールバックさせる必要があるのだ。
<video> 要素に関する Tom の記事を読んでほしい。しかし、Video for Everybody でこれに関する記事も探すべきだ。コーデックのデグレード方法を見るのに役に立つ。
もっと他にも記事を頼む!
本当はここには掲載したくなかった質問だが、August の質問:
<aside>の記事は見事だ。セマンティックな HTML5 要素の説明がすばらしい。他にももっと頼む!
August のフィードバックには感謝している。私たちが役に立ててうれしい。私たちはたくさんの記事を用意したので、安心してほしい。数週間後には公開できそうだ。だから、この場所を見ていてくれ。
最後に …
あなたの疑問の答えがこの投稿になければ、また、私たちが直接あなたに返信していなかったら、それについて詳細に説明した記事をすぐに投稿するつもりだ。だから、忘れないで何度かチェックしてほしい。または、すべての記事を対象にした RSS フィードを購読してほしい。