HTMLタグにhiddenを付ければ内容を非表示にできる

HTMLタグにhiddenを付ければ非表示にできる

HTMLタグにhiddenを付けて非表示に

HTML内で非表示にしたい箇所があるときはCSSでdisplay:noneを指定したりJavaScriptを使用する方法などがあるがタグにhidden属性を付けるやり方も存在する。

例えば現在以下のコードがこの下の部分に記述されているがhidden属性が追加されているため非表示になっている。

※本来であれば↓ここの直下にhoge, fugaが表示される。

<a href="#" hidden>hoge</a>
<p hidden>fuga<p>

IE7以下では使用できないためPCサイトで使用する場合は注意が必要。開発時にコメントアウトの代わりとして一時的に非表示にしたい場合などに使用すると便利。

カテゴリーhtml