Bédana Antara "tampilan: taya" jeung "pisibilitas: disumputkeun" dina CSS

Meureun aya kali, sabab anjeun damel dina ngembangkeun kaca web, anjeun kudu "nyumputkeun" wewengkon husus barang pikeun hiji alesan atawa nu sejen. Anjeun bisa, tangtosna, saukur miceun item (s) dina patarosan ti HTML aksara, tapi kumaha upami anjeun hoyong aranjeunna pikeun tetep di kode, tapi henteu nembongkeun dina layar browser pikeun alesan naon (jeung urang marios alesan pikeun ngalakukeun ieu lila). Tetep unsur dina HTML anjeun, tapi nyumputkeun eta pikeun tampilan, anjeun bakal giliran CSS.

Dua cara paling umum pikeun nyumputkeun unsur nu aya dina HTML bakal ngagunakeun sipat CSS pikeun "tampilan" atawa "pisibilitas". Dina glance kahiji, dua sifat ieu mungkin sigana ngalakukeun sakitu legana hal anu sarua, tapi maranéhna unggal gaduh béda béda nu kedah sadar. Hayu urang nyandak katingal di béda antara tampilan: taya na pisibilitas: disumputkeun.

tuntung deuleu

Ngagunakeun CSS sipat / nilai sapasang pisibilitas: disumputkeun hides unsur tina browser nu. kitu, eta unsur disumputkeun masih diperlukeun nepi spasi dina perenah di. Ieu kawas geus dasarna diwangun unsur kawih, tapi masih tetep aya dina tempat jeung nyokot nepi rohangan éta bakal dicandak up tadi eta geus ditinggalkeun sorangan.

Lamun nempatkeun DIV dina kaca anjeun sarta make CSS méré eta dimensi nyandak up 100x100 piksel, anu pisibilitas: disumputkeun harta baris nyieun DIV teu némbongkeun dina layar, tapi teks di handap éta bakal meta kawas éta kénéh aya, respecting yén 100x100 dipasing.

Jujur, harta pisibilitas henteu hal urang dipake pisan remen, sarta pasti moal on na sorangan. Lamun kami aya ogé maké sipat CSS séjén kawas positioning pikeun ngahontal perenah urang hayang pikeun unsur nu tangtu, urang lajeng bisa make pisibilitas nyumputkeun item nu mimitina, ukur keur "giliran" eta deui kana hover. Nu hiji pamakéan mungkin tina sipat ieu, tapi deui, teu hal kami giliran kalawan frekuensi nanaon.

mamerkeun

Teu kawas harta pisibilitas, anu daun unsur dina aliran dokumen normal, tampilan: taya ngaluarkeun unsur tuntas tina dokumen teh. Teu nyandak up spasi sagala, sanajan dina HTML keur éta kénéh dina kode sumber. Ieu alatan, memang, dikaluarkeun tina aliran dokumen. Pikeun sakabéh intents jeung tujuan, item eta Isro. Ieu bisa mangrupa hal anu alus atawa hal goréng, gumantung kana naon anu karsa anjeun téh. Éta ogé bisa jadi ngaruksak ka kaca anjeun lamun nyalahgunakeun harta kieu!

Urang mindeng ngagunakeun "tampilan: taya" nalika tés kaca. Lamun urang kudu jembar kana "dileungitkeun" kanggo bit bari supaya urang bisa nguji wewengkon séjén kaca, urang bisa migunakeun tampilan: taya keur éta. Hal anu apal kitu, yen unsur kudu dipulangkeun deui ka kaca saméméh peluncuran saleresna situs éta. Ieu kusabab hiji item nu geus dikaluarkeun tina aliran dokumen dina metoda ieu teu katempo ku mesin pencari atawa pamiarsa layar, sanajan eta bisa tetep dina aksara HTML. Nu geus kaliwat, metoda ieu dipake salaku padika hideung-hat nepi ka nyobaan pangaruh rankings search engine, jadi barang anu teu ditampilkeun bisa janten bandéra beureum keur Google pikeun ngungkaban naha pendekatan anu dipake.

Hiji cara urang ngalakukeun manggihan tampilan: taya janten mangpaat, jeung dimana urang ngalakukeun make eta dina situs web hirup, produksi, nyaéta nalika urang keur ngawangun situs responsif yen mungkin gaduh elemen anu sadia pikeun hiji ukuran tampilan tapi henteu keur batur. Anjeun tiasa make tampilan: taya nyumputkeun unsur nu lajeng ngahurungkeun deui kalawan queries média engké. Ieu mangrupa pamakéan ditarima tina tampilan: taya, sabab teu nyoba nyumputkeun nanaon alesan nefarious, tapi boga kedah sah pikeun ngalakukeunana.

Aslina artikel ku Jennifer Krynin. Diédit ku Jeremy Girard on 3/3/17