wulin.comの記事紹介(www.vevb.com):HTML5ドキュメントの一貫性要件を策定する必要があり、新しい要素、属性、API、コンテンツモデルを使用する必要があります。このようにして、Webコンテンツは、古いまたはそれほど能力の低いユーザーエージェントでエレガントに格下げできます。 HTML5フォームを使用して説明しましょう。入力に追加された新しいタイプには、番号、検索、範囲、電子メール、日付、URLなどが含まれます。これらの新しいタイプの値は、それをサポートしていないブラウザーにあります。
注:この記事の例はコードに示す必要がありますが、今使用しているDoctypeはXHTML1.0であるため、ブラウザはHTML5コードを読み取ることができず、PREを事前にすることはできません
コードを読むので、言葉でのみ説明できます。
不必要な複雑さを避けてください
簡潔なソリューションは、可能であれば複雑なソリューションよりも常に人気があります。
HTML 4.01のドキュメントタイプは、このように設定されています(ブラウザの解析のためにアングルブラケットを省略しました):
!doctype html public - // w3c // dtd html 4.01 // en
XHTML 1.0のDoctypeは次のとおりです。
!doctype html public - // w3c // dtd xhtml 1.0 strict // en
HTML 5では、不必要な複雑さが排除された場合、Doctypeは以下に簡素化されます。
既存のコンテンツをサポートします
既存のコンテンツは、予想されるユーザーエージェントの処理と動作に依存して、予想される機能を実現します。
既存のコンテンツをサポートすることは、既存のコンテンツを100%サポートすることを意味します。
本当の問題を解決します
Webページのコンテンツが直面する問題は、既存のニーズに応えることができない実際のソリューションには適していません。
たとえば、製品の写真、製品タイトル、製品の紹介など、製品リストなどのコンテンツ全体に対応するHTML 4またはXHTML 1を使用しているとします。これらの3つの要素にそれぞれ3つの同一のリンクを追加したいと思います。ただし、HTML5では、タグを使用してこれらの3つのブロックを含めることができます。つまり、Aタグにはブロックレベルの要素が含まれています。これは本当の問題を解決します。
真実を求め、実用的であること
HTML5の新しいセマンティック要素は、真実を求めることと実用的な原則に従う反射です。
今すぐWebページを見ると、おそらく次のようなコードがあります。id= header id = navigation id = main id = sidebar id = footerしかし、html5では、新しく追加されたタグは、ヘッダー、nav、脇、フッターなどの対応するdivを置き換えることができます。これらがIDの置き換えだとは思わないでください。いいえ、これらのタグはページで再利用できるため、新しいタグは実際にはクラスの置き換えです。
安定した分解
HTML5ドキュメントの一貫性要件を策定する必要があり、新しい要素、属性、API、およびコンテンツモデルを利用する必要があります。このようにして、Webコンテンツは、古いまたはそれほど能力の低いユーザーエージェントでエレガントに格下げできます。
HTML5フォームを使用して説明しましょう。入力に追加された新しいタイプには、番号、検索、範囲、電子メール、日付、URLなどが含まれます。これらの新しいタイプの値は、サポートされていないブラウザのテキストとして解釈されます。したがって、HTML5フォームを大胆に使用できます。これはエレガントに格下げできます。
エンドユーザーの優先順位
競合が発生すると、エンドユーザーが優先され、著者、実装者、標準セッター、そして最後に理論的な完全性が続きます。
PDF:HTML5の設計