誰に尋ねるかによって、 HTML 5 は、よりセマンティックな Web を作成するための次の大きなステップであるか、あるいは不完全なタグとタグの寄せ集めで Web を行き詰まらせる大惨事であるかのどちらかです。
議論の双方にとって問題は、自然環境で HTML 5 を使用しているサイトがほとんどないため、現在認識されている問題に対する理論的な解決策がほとんどテストされていないことです。
それでも、次世代ネットワーク マークアップ ツールの利点と潜在的な落とし穴を理解するのは難しくありません。
コンテンツ
HTML 5 はどう違うのですか?
まず、HTML 5 では何を表現するのでしょうか?まず、HTML 5 とは何を意味するのでしょうか? 理論上は、キャンバスやオフライン ストレージ API 仕様などの新しいセマンティック構造タグ、および新しいインライン セマンティック タグなど、すべてを表現します。それにもかかわらず、実際的な理由 (PS: ブラウザーのサポートの問題) を構造化タグのみに限定します。キャンバス、オフライン ストレージ、ローカル ビデオ、地理位置情報 API はすべて優れていますが、まだすべてのブラウザーで均一にサポートされているわけではありません。
「しかし、ちょっと待ってください。ほとんどのブラウザは新しい構造要素もサポートしていません!」とあなたは言います。それは本当ですが、ほとんどのブラウザは作成したいタグを喜んで受け入れます。 IE6 でも新しいタブを処理できますが、CSS でスタイルを設定したい場合は、JavaScript の助けが必要になります。
新しいタブのスタイルを設定するときに覚えておく必要があることの 1 つは、ほとんどのブラウザでは不明なタブにはデフォルトのスタイルがないということです。これらは行レベルの要素ともみなされます。それでも、HTML 5 の新しいタグのほとんどは構築できるため、それらにブロックレベル要素の動作を与えます。解決策は、CSS スタイルに display:block; を必ず含めることです。
今日の HTML 5 の新しい機能のいくつかを理解するために、本題に取り掛かり、いくつかの新しい構造要素を使用してみましょう。
最後に、誰でも覚えられる文書タイプ
HTML 5 ドキュメントを作成するために最初に行う必要があるのは、新しいドキュメント タイプを使用することです。さて、HTML 4 または XHTML 1.x のドキュメント タイプをはっきりと覚えているなら、あなたは私たちよりもかなりのやんちゃな人です。新しいページを作成するときは常に、古いファイルを開いて、ドキュメント タイプ定義を切り取って貼り付ける必要があります。