Perbedaan Fungsi display:none dengan visibility:hidden

Jika Anda menggunakan template hasil rancangan sendiri, saya rasa Anda sudah tahu dengan apa perbedaan display:none dengan visibility:hidden, serta bagus mana penerapannya terhadap seo?

Untuk para pemula blogger, saya rasa Anda perlu tahu dengan fungsi kedua css ini. Berikut pengertian yang saya tulis dari gaya bahasa saya sendiiri.

1. Display:None merupakan suatu tindakan menghilangkan objek secara keseluruhan dan nyata, serta tidak adanya bekas atau tanda-tanda objek tersebut sebelumnya.

2. Visibility:Hidden hampir sama dengan display none. Namun perbedaan yang paling mencolok pada visibility adalah masih adanya bekas atau jasad didalam html tersebut.
Artinya, objek masih ada namun tidak terlihat dan tidak dapat disentuh oleh mouse. Jarak/ renggang bagian kanan dan kiri-pun juga masih ada.

Contoh penerapan display:none
<span>Kalimat biasa pertama <span style="display:none">Kalimat testing</span>Kalimat biasa kedua</span>

Contoh penerapan visibility:hidden
<span>Kalimat biasa pertama <span style="visibility:hidden">Kalimat testing</span>Kalimat biasa kedua</span>

Hasilnya seperti yang dibawah ini

Contoh penerapan display:none
Kalimat biasa pertama Kalimat testingKalimat biasa kedua

Contoh penerapan visibility:hidden
Kalimat biasa pertama Kalimat testingKalimat biasa kedua

Rangkuman!

Display:none dengan visibility:hidden memiliki persamaan, yakni sama-sama menghilangkan objek yang sebenarnya dari pandangan dan ketuk.
Perbedaan: Jika pada display:none dapat menghilangkan objek secara penuh, maka pada visibility:hidden hanya menghilangkan tampilan dan fungsi dari objek yang diselipkan.
URL

2 Tanggapan » Lihat

bermanfaat nih kang... makasih ya...
lagi baca-baca blog kangsigit.. :D

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini