CSS kuralları visibility:hidden
ve display:none
her ikisi de öğenin görünür olmamasına neden olur. Bunlar eşanlamlı mı?
display:none
, söz konusu etiketin sayfada hiç görünmeyeceği anlamına gelir (yine de dom aracılığıyla onunla etkileşime girebilirsiniz). Diğer etiketler arasında bu etiket için yer ayrılmayacaktır.
visibility:hidden,
display:none`dan farklı olarak etiketin görünür olmadığı, ancak sayfada kendisine yer ayrıldığı anlamına gelir. Etiket işlenir, sadece sayfada görülmez.
Örneğin:
test | <span style="[style-tag-value]">Appropriate style in this tag</span> | test
style-tag-value]öğesini
display:none` ile değiştirmek şu sonucu verir:
test | | test
style-tag-value]öğesini
visibility:hidden` ile değiştirmek şu sonucu verir:
test | | test
display: none` öğeyi sayfadan tamamen kaldırır ve sayfa, öğe hiç yokmuş gibi oluşturulur.
Görünürlük: gizli`, artık göremeseniz bile alanı belge akışında bırakır.
Bu, ne yaptığınıza bağlı olarak büyük bir fark yaratabilir veya yaratmayabilir.