【HTML Living Standard】hidden属性値の使い方
hidden属性値の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
hiddenプロパティは、HTML要素の表示状態を制御するためのブール値を保持するプロパティです。HTML要素にhidden属性が追加されると、その要素はブラウザによって既定で画面に表示されなくなります。これは、ウェブページ上で一時的に表示したくない要素や、特定の条件下でのみ表示すべき要素に対して利用されます。例えば、ユーザーの操作に応じて表示・非表示を切り替えるような動的なコンテンツや、初期状態では隠しておきたいエラーメッセージなどに適用できます。
このプロパティが持つtrueの値は、関連するコンテンツが、現在のページのコンテキストにおいてまだ、またはもはや関連性がないことを意味論的に示します。ブラウザは、この意味論に基づいて要素をレンダリングツリーから除外し、視覚的に非表示にします。開発者は、JavaScriptを使用してこのhiddenプロパティの値を動的に変更することで、要素の表示・非表示を切り替えることが可能です。
ただし、hidden属性は、あくまでコンテンツの関連性を示すものであり、セキュリティ目的で機密情報を隠すためのものではありません。スクリーンリーダーなどの補助技術は、hidden属性が適用された要素の内容を読み上げる可能性があるため、注意が必要です。また、CSSを用いてhidden属性の表示を強制的に変更することも技術的には可能ですが、その場合、属性が持つ意味論的な目的と視覚的な表示状態が乖離するため、推奨されません。正確かつ適切なウェブコンテンツの提供のためには、その意味論を理解し、適切に利用することが重要です。
公式リファレンス: <input type="hidden">
構文(syntax)
1<p hidden>この要素は非表示になります。</p>
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません