HTMLリファレンスマニュアル

HTMLタグ一覧

HTML: <template> タグ

HTML hidden属性

グローバル属性hiddenは、要素がまだ関連していないまたは関連していないことを示すボルン属性です。例えば、ログインが完了するまでページ要素を隠すために使用できます。要素にこの属性が設定されている場合、要素は表示されません。

HTML 全局属性

hidden属性を持つ要素のCSSのdisplayプロパティを変更すると、その挙動をオーバーライドします。例えば、要素がdisplay: flexに設定されている場合、hidden属性が設定されているにもかかわらず要素が表示されます。

オンラインサンプル

非表示段落と通常の段落のデモ:

例

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML　hidden　属性の使用(基本チュートリアルウェブ　oldtoolbag.com)</title>
</<head>
<body>
<p　hidden="hidden">これは隠された段落です。</p>
<p>これは通常表示される段落です。</p>
</body>
</html>

テストを見てみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

主要なブラウザすべてがサポートしています。

定義と使用法

hidden属性はボールル属性です。
存在する場合、要素がまだ関連していなかったり、関連していないことを指定します。
ブラウザは指定されたhidden属性を持つ要素を表示すべきではありません。
hidden属性は、ユーザーが要素を見ることができないようにするために使用できます。他の条件（例えば、チェックボックスの選択など）を満たすまで、要素は表示されません。その後、JavaScriptを使用してhidden属性を削除し、要素を可視にすることができます。

HTML 4.01 HTMLと5の違い

hidden属性はHTML5 に新しい属性があります。

HTMLとXHTMLの違い

XHTMLでは、属性の省略禁止で、hidden属性は必ず'<'element hidden="hidden">.

文法

　　　　 <element hidden>

HTML 全局属性

HTML: <template> タグ