エキスパート：実技問題（HTML作成、CSS読込と作成、画像の表示、JavaScriptの読込、レスポンシブWebデザイン対応）
CSSのdisplay: noneとvisibility: hiddenの違いに関する説明として正しいものはどれか。
- Adisplay: noneは要素を非表示にしつつレイアウト上の領域は保持されるが、visibility: hiddenは要素とその領域を完全に消す
- B両者はまったく同じ効果を持ち、書き方が異なるだけである
- ✓display: noneは要素を非表示にしレイアウト上の領域も消えるが、visibility: hiddenは要素を非表示にしつつレイアウト上の領域は保持される
- Ddisplay: noneはスクリーンリーダーからも読み上げられるが、visibility: hiddenは読み上げられない
解説
display: noneは要素をレイアウトから完全に除外し、周囲の要素がその空間を詰めて配置される。一方visibility: hiddenは要素を見えなくするだけでレイアウト上の占有領域はそのまま保持される。
根拠出題範囲：実技問題「CSSの読込と作成」