プログレッシブエンハンスメントを理解しているように、基本的な信条の1つは、ブラウザーのバージョンや設定に関係なく 、Webサイトがすべての人にとって機能する必要があるということです。
私が見た提案された内訳は次のとおりです。
- セマンティックマークアップを使用したHTMLコンテンツレイヤー
- CSSプレゼンテーション層
- 拡張レイヤー(通常はJavaScriptまたはJQueryなどのJSライブラリを使用)
ただし、HTMLコンテンツレイヤーを処理する適切な方法については少し混乱しています。特に、セマンティックマークアップ。
nav、article、footerなどのHTML5タグが、PEのこのセマンティックマークアップを維持するための理想的な方法であることに気づき続けています。ただし、古いブラウザの多くはHTML5タグをサポートしていません。これを回避する簡単な方法は、CSSを使用してデフォルトのスタイルを{display:block;に設定することです。HTML5タグの場合。ただし、これは一部のブラウザでのみ機能します。たとえば、恐ろしいIE6はHTML5要素を認識しません。
これに対する一般的な回避策は、javascriptを使用して、欠落している要素をDOMに直接動的に作成することです(HTML5 shivなどを使用)。
ただし...クライアントがHTML5要素を認識しない環境を実行していて、何らかの理由でjavascriptを受け入れない場合、プログレッシブエンハンスメントをサポートするためにHTML5セマンティックタグをどのように組み込むか。タグを認識しないスクリプトレスブラウザ?これは可能ですか、それとも、これらのブラウザーを設計上の考慮事項から除外する必要がありますか(PEの理想に反しているようです)。