!DOCTYPE html> 質問の回答 #1 - html5doctor - HTML5.JP

サイト内検索

質問の回答 #1

この記事は、html5doctor に掲載されている記事「Your questions answered #1」を日本語訳したものです。

一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず各記事の原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。

質問の回答 #1

Doctor treating a patient illustration 私たちのサイトが公式に公開されてからというもの 1 週間ずっと、私たちは回答でヘトヘトだった。こんなに多くのみなさんが、HTML5 に関して議論に加わることを望み、何ができて、何ができないのか、や、この仕様のメリットとデメリットについて尋ねたかったなんて、すごい。

この投稿では、私たちが受けたいくつかの質問について扱うつもりだ。回答のすべてをここで言う必要はないだろうが、必要なところに絞ってここで話そう。私たちは、対応した質問の回答をこれからも投稿するつもりだ。でも、たいした質問でなくても構わないから、怖がらないで質問してほしい。じゃぁ、初心者向けから行ってみよう …

自動変換?

Andy Mabbett の質問:

私の(妥当な)HTML 4.01 Strict のドキュメントを HTML5 に変換できるような自動または半自動ツールってありますか? または、そのようなツールは出てきますか?

HTML 4.01 から HTML5 に変換するツールは知らないけれども、それに関する記事(下記参照)なら、いくつかある。これらの記事では、HTML5 を使うため、プレゼンテーションにおいて、よりセマンティックに class の名前を付ける方法が説明されている。

結局のところ、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 フィードを購読してほしい。