HTML5の非表示のブール属性

例

隠し段落:

<p hidden>这个段落应该被隐藏。</p>

ブラウザのサポート

IE

Firefox

Chrome

Safari

Opera

Internet Explorerを除くすべての主要なブラウザ。 定義と使用法

hidden属性はブール属性です。

この属性が設定されている場合、要素がまだ関連しているか、関連していないことを指定します。

ブラウザは、hidden 属性が指定された要素を表示すべきではありません。

hidden 属性は、特定の条件が一致するまで (特定の

チェックボックス

が選択されているなど)、ユーザーが要素を表示できないようにするために使用することもできます。次に、JavaScript は hidden 属性を削除して、この要素を表示できるようにします。 HTML 4.01 と HTML5 の違い

hidden 属性は HTML5 で新しく追加されました。

HTMLとXHTMLの違い

XHTMLでは属性の省略は禁止されており、hidden属性は<element hidden="hidden">として定義する必要があります。

構文

<element hidden>

HTML5 は、プレースホルダー、ダウンロード、オートフォーカスなど、非常にシンプルでありながら非常に強力な

HTML 属性

を多数提供します。もう 1 つの新しい属性は、hidden 属性です。 Web ページ要素に hidden 属性がある場合、その動作は CSS の

display: none; と非常によく似ています。要素はページ領域を占有せずに消えます。記述方法は非常に簡単です:

<div hidden>
	You can't see me!</div>

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

*[hidden] { display: none; }

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

以上がHTML5の非表示のブール属性の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。