Ana sawetara wektu, nalika sampeyan nggarap pembangunan kaca web, sampeyan kudu "ndhelikake" item area tartamtu kanggo siji utawa luwih alasan. Sampeyan bisa, mesthine, mung mbusak item ing pitakonan saka markup HTML , nanging apa yen sampeyan pengin tetep dadi kode, nanging ora nampilake ing layar browser apa wae alesan (lan kita bakal maneh alasan kanggo apa iki sakcepete). Kanggo njaga unsur ing HTML, nanging ndhelikake kanggo tampilan, sampeyan bakal nguripake CSS.
Cara loro sing paling umum kanggo ndhelikake elemen sing ana ing HTML bakal nggunakake sifat CSS kanggo "tampilan" utawa "visibilitas". Mesthine, loro sifat kasebut bisa uga katon ing bab sing padha, nanging saben-saben duwe beda sing kudu diwaca. Ayo katon ing beda antarane tampilan: ana lan visibilitas: didhelikake.
Tampilan
Nggunakake visibilitas pasangan / nilai visibilitas CSS: didhelikake ndhelikake unsur saka browser. Nanging, unsur sing didhelikake isih njupuk spasi ing tata letak. Iku kaya sampeyan wis nggawe unsur sing ora katon, nanging isih tetep ana ing papan lan njupuk papan sing bakal ditindakake yen wis ditinggalake piyambak.
Yen sampeyan milih DIV ing kaca lan nggunakake CSS kanggo menehi dimensi kanggo njupuk 100x100 piksel, visibilitas: properti sing ora bisa didhelikake bakal nggawe DIV ora ditampilake ing layar, nanging teks ing ngisor iki bakal tumindak kaya isih ana, ngormati sing 100x100 jarak.
Jujur, sifat visibilitas ora soko kita digunakake banget, lan mesthi ora dhewe. Yen kita uga nggunakake properti CSS liyane kayata posisi kanggo entuk tata letak sing dikarepake kanggo elemen tartamtu, banjur bisa nggunakake visibilitas kanggo ndhelikake item kasebut, mung kanggo "nguripake" maneh ing layar. Iki minangka salah siji bisa nggunakake properti iki, nanging maneh, ora soko kita nguripake karo frekuensi apa wae.
Tampilan
Boten kados sifat visibilitas, sing nilar unsur ing aliran dokumen normal, nampilake: ora ana sing mbusak unsur kasebut kanthi lengkap saka dokumen. Sampeyan ora njupuk papan apa wae, senadyan HTML iku isih ana ing kode sumber. Iki amarga, mungguh, dibusak saka aliran dokumen. Kanggo kabeh maksud lan tujuan, item kasebut ilang. Iki bisa dadi bab sing apik utawa bab sing ala, gumantung apa maksud sampeyan. Sampeyan uga bisa ngrusak kaca sampeyan yen nyalahi panggunaan properti iki!
Kita kerep nggunakake "tampilan: ora ana" nalika nguji kaca. Yen kita butuh area kanggo "lunga" kanggo dicokot nalika supaya kita bisa nguji bidang liya ing kaca, kita bisa nggunakake tampilan: ora ana sing. Nanging, kanggo elinga, unsur kasebut kudu bali menyang kaca sadurunge peluncuran situs kasebut. Iki amarga item sing dibusak saka aliran dokumen ing metode iki ora katon dening mesin telusur utawa layar, senadyan bisa tetep ana ing markup HTML. Dadi, cara iki digunakake minangka metode ireng-ireng kanggo nyoba ngedhunake peringkat mesin panelusur, supaya barang sing ora ditampilake bisa dadi gendera abang kanggo Google kanggo nggoleki apa pendekatan sing digunakake.
Siji cara kita nemokake tampilan: ora ana gunane, lan ing ngendi kita nggunakake situs web urip, yaiku nalika kita mbangun situs responsif sing bisa duwe unsur sing kasedhiya kanggo ukuran tampilan nanging ora kanggo wong liya. Sampeyan bisa nggunakake tampilan: ora ana sing bakal ndhelikake unsur kasebut lan nguripake maneh karo pitakon media ing wayah wengi. Iki minangka tampilan sing bisa ditampa: ora ana, amarga sampeyan ora nyoba ndhelikake apa-apa kanggo alasan ala, nanging kudu duwe sah.
Artikel asli dening Jennifer Krynin. Diedit dening Jeremy Girard ing 3/3/17