HTML5 の hidden 属性を古いブラウザと互換性を持たせる方法_html5 チュートリアルのヒント

もう 1 つの新しい属性は、hidden 属性です。 Web ページ要素に hidden 属性がある場合、その動作は、要素がページ領域を占有せずに消えるという点で、CSS 表示: none と非常によく似ています。書き方はとても簡単です。

コードをコピーします

コードは次のとおりです:

この属性をサポートしていない古いブラウザを使用している場合は、 CSS に次のコードを追加します。これをサポートするには:

コードをコピーします

コードは次のとおりです。

* [hidden] { display: none; }

では、なぜ hidden 属性を使用するのでしょうか?これは、意味的に意味があり、コードの可読性が向上することを意味します。 CSS の display:none と比較すると、文字通り簡単です。