CSS には要素がいくつかdisplay:none;
あり、遅れてフェードインする jQuery もあります。
JavaScript がオフになっているブラウザをどのように処理できますか? <noscript>
これらの要素の表示値を変更する方法はありますか?
CSS には要素がいくつかdisplay:none;
あり、遅れてフェードインする jQuery もあります。
JavaScript がオフになっているブラウザをどのように処理できますか? <noscript>
これらの要素の表示値を変更する方法はありますか?
スクリプトなしで CSS 値を設定することはできませんが、デフォルトを可視状態にすることはできます。スクリプトで最初に行うことは、要素をフェードする前にすぐに非可視状態に設定することです。
また、JavaScript を必要としないCSS アニメーションhttp://www.w3.org/TR/css3-animations/を見ることもできますが、最新のブラウザが必要ですhttp://caniuse.com/css-animation
modernizr を使用すると、クラスjs
が<html>
タグに挿入され (もちろん Javascript が実行されている場合)、HTML5 ボイラーパートによって提案された html 構造を持つことによって、次のようになります。
<!--[if lt IE 7 ]> <html class="no-js ie6 ie"> <![endif]-->
<!--[if IE 7 ]> <html class="no-js ie7 ie"> <![endif]-->
<!--[if IE 8 ]> <html class="no-js ie8 ie"> <![endif]-->
<!--[if IE 9 ]> <html class="no-js ie9 ie"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="no-js">
<!--<![endif]-->
デフォルトでは があり<html class="no-js">
、css に特定のもの (通常は JS が非表示にすることを心配している) が含まれている可能性があり、デフォルトでそれを親セレクターとして使用して非表示にすることができます。
.no-js .whatever, .no-js .someOtherStuff { display: none; } <!-- just an example -->
css プロパティを設定して要素を表示し、javascript が有効になっている場合は、javascript を使用して要素を閉じたり非表示にしたりします。ただし、javascript を有効にしているユーザーの数は、javascript を使用していないユーザーよりもはるかに重要であるため、これを行うのは好きではありません。ページがすべての要素をロードするのを待ってから、コンテンツのピークがすでに来ているときにそれらを非表示にするように、大量のユーザーを強制したくありません。
Web ページを設計どおりに実際に使用しているユーザーに、可能な限り最高のエクスペリエンスを提供したいと考えています。Web は、javascript、jquery、およびその他のライブラリの機能が非常に豊富であるため、javascript を使用しないユーザーは、Web 開発者が意図したエクスペリエンスを得られないことに慣れています。JavaScript を使用していないユーザーに本当に弱いと感じた場合は、静的ページにリダイレクトします。それらと Web クローラーは一緒に楽しみます。