サイト内検索

質問の回答 #2

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

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

質問の回答 #2

Doctor treating a patient illustrationこのサイトを公開してから、私たちは HTML5 仕様に関する質問を問い合わせフォームから受け付けてきた。<H1>big</H1> なのか、とか <small>small</small> なのか、といった質問でも問題ない。私たちが手を差し伸べよう。

先月、私たちは、問い合わせページから送られてくるメールのいくつかを紹介しようと決めた。その最後の投稿の公開の後も、私たちは HTML5 仕様に関する質問をたくさんもらったので、そのいくつかを別の投稿として公開することを決めた。

Content タイプ

Christian の質問:

"ソースを表示" を使って、HTML5 のさまざまなウェブの実装を調べていたら、みんな、header で content タイプ をこんな風に指定しているのに気づきました;<meta http-equiv=”content-type” content=”text/html;charset=utf-8″> これは、HTTP ヘッダーにセットされていました。

どちらにもこれは必要なのでしょうか? 私たちのサーバーが HTTP ヘッダーにちゃんと content タイプを指定していれば、重複分を取り除いても構わないでしょうか?

Bruce 先生のウェブログ http://www.brucelawson.co.uk/ をちょっと見てほしい。情報のほとんどがカットされて簡単になっているのが分かるだろう。もっともっと多くのサイトが HTML5 に切り替えるので、あなたは、どんな要素が取り除かれ、どんな要素が残されているのか、見ることができるだろう。もっとたくさんのサイトをチェックしたいなら、私たちの姉妹サイト HTML 5 Gallery を気軽にぜひ見てほしい。ここでは、すでに HTML5 でマークアップされたたくさんのサイトのソースを見ることができるだろう。

もっと知りたいなら、Remy 先生がこないだ書いた記事をご覧あれ。タイトルは HTML5 雛形 だ。もっとたくさんの情報が得られるはずだ。

HTML 5 と SEO

Julio の質問:

私は、できる限り早く、自分のプロジェクトで HTML5 を使おうと考えています。しかし、私は、HTML4 と同じようにすべてがうまくいくかどうか自身がありません。そこで質問です:Google(他の検索エンジンも)はすでに HTML5 のサイトをインデックスしているのでしょうか?SEO に関して、何か問題はあるのでしょうか?

あなたの質問の回答は、yes だ。Google は HTML5 のサイトをインデックスしている。私たちの間では、HTML5 でマークアップしたサイトをいくつか運営しているが、誰も、自分たちのサイトのインデックス化について、まったく問題はないし、キー・フレーズでは他に負けてない。

実際、google.com のソースコードを見れば、その doctype が <! doctype html> となっていることが分かるだろう。そう、HTML5 を使っているということだ!Google group や Youtube といった Google の別のサイトでも、最近、モックアップを作った。http://www.youtube.com/html5 で見られる。これはまさに、彼らが HTML5 について考えていることの証左といえるだろう。もし私たちが、あなたの心配を除くことができていなかったとしたら、もうひとつ事実を示そう。HTML5 仕様を書いている Ian Hickson は、Google で働いている。だから、あなたが問題をかかえるなんて思わない。

HTML 5 のテンプレート

Klaus の質問:

HTML5 のテンプレートはどこにありあすか?

このメールが来たとき、私たちは、Klaus の言う意味が良く分からなかったので、彼の質問に 2 つの回答を用意した。

静的な HTML ページであれば、あなたは、Remy の雛形に優るリソースは見つからないだろう:http://html5doctor.com/html-5-boilerplates/

しかし、HTML5 の Wordpress のテーマを探しているなら、次のページを見てほしい:

WebSocket のサポート

Dave の質問:

たくさんの機能があるけれども、現在、どのメジャーなブラウザーのバージョンで(Google Gears も)、どの機能がサポートされているかが分かるリストが、どこにも見あたらない。特に、WebSocket のサポート状況を探している。

特定の機能に関して、ブラウザーのサポート状況をチェックするのに良いサイトは、これだ:http://a.deveria.com/caniuse/ Web Workers に関しては、私たちは Web Sockets を実装したライブラリを見つけた。ネイティブで利用できるようになったら、いらなくなるが。

先生方の誰も、個人的にこれらを使ったことがないが、これらのサイトがあなたの質問に答えとして有益だろうと思う:

ページで同じ要素を何度も利用する

Daniel の質問:

先生、はじめまして。
ちょっと確認させてください。header や footer のように、nav は同じページで 1 回以上使っても良いと思っているのですが、正しいですか? 例えば、ページのトップで、メニューを囲んだり、ページ下部で次へ/前へボタンを囲んだり。そう思うと、html, head, body タグを除いて、すべてのタグは、1 回以上使っても良い言えるのではないかと思いますが、どうでしょうか?
アドバイスよろしくお願いします。先生。

Yes だ。詳細はこの記事を参照してほしい。 – http://html5doctor.com/designing-a-blog-with-html5/ そして、単一のブログエントリについては、この図も見てほしい(もちろん、ページにたくさんのブログエントリーがあっても良い)http://html5doctor.com/wp-content/uploads/2009/06/html5-article-outline.gif

私たちがすでに扱った他の記事も見てほしい – http://html5doctor.com/the-header-element/, http://html5doctor.com/the-footer-element/, http://html5doctor.com/nav-element/ これはすばらしい記事だ。

HTML5 を読む前に HTML/XHTML を学ぶ

Manuel の質問

やぁ、私はこの分野に入ったばかりで、HTML を学びたいと思っている。

私の理解が正しければ、将来のウェブサイトはほとんど HTML5 で書かれているだろう(text/html MIME タイプを使う)。そして、少しのサイトで XHTML5 が使われるだろう(application/xhtml+xml MIME タイプを使う)。だから、私は HTML5 にフォーカスするつもりだ。

HTML5 は HTML 構文と、より厳格な XHTML 構文のどちらでも使うことができるが、私はゼロから始めたばかりなので、XHTML 構文を無視して、HTML 構文(HTML 4.1/5)にフォーカスしようと思う。なぜ、2009 年に XHTML 構文について悩まなければいけないんだい? 残念なことに、HTML に関する最近の入門書やオンラインリソースはどれも、XHTML 構文にフォーカスしている。使えなくて、つまらない(私の目的にとっては)XHTML 構文のリファレンスが一切無い純粋な HTML 構文をどこで学べばいいんだい?

HTML を書きながら、XHTML の良いコーディング(小文字でタグを書き、常にタグを閉じるなど)を実践に取り入れていくのが、一番のお勧めだ。インターネット上には、HTML 4.01 を学べるリソースがたくさんあるので、まったく問題ないはずだ。私が始めたばかりのときの一番のお気に入りは HTMLDog だった。

私たちは、多くのリソースは XHTML 構文を使っていることを理解しているが、すでに言ったとおり、これによって、HTML を書くにあたって、良いコーディング習慣を身につけることができるだろう。

即レスありがとう。私の負けだ:XHTML(HTMLDogから)を学ぶよ。最後に 1 つだけ質問:将来的に HTML5(text/html MIME タイプを使う)に移行するとき、XHTML 構文はいずれにせよ有効であると願っている。それで、私は、自分のページの doctype を <!DOCTYPE html> に変更するだけでいいのかい?(XHTML 構文は、XHTML5 doctype を必要とするのではないかと心配している)

あなたは HTML5 で追加されたセマンティクスを使わないことになるが、これは正しい。このサイトにある記事を読むことをお勧めする。もし、現在の XHTML で命名されているセマンティックな class を使いたいなら、この投稿の ‘Automated Conversion’ の次にある関連リンクを見るといい。 – http://html5doctor.com/your-questions-answered-1/

There we have it folks…

ここ数週間かけて私たちは多くの難問に回答してきたが、次のラウンドでは、そのいくつかを取り上げよう。私たちは、この記事があなたの役に立てれば幸いだ。そして、記事で扱われなかった疑問があれば気軽に連絡してほしい。あなたの疑問はここの投稿に掲載されるだろう。