Differenza Bejn "wiri: ħadd" u "viżibilità: moħbija" fis-CSS

Jista 'jkun hemm żminijiet, kif taħdem fuq l-iżvilupp ta' paġni tal-web, li għandek bżonn "taħbi" oqsma speċifiċi ta 'oġġetti għal raġuni jew oħra. Inti tista ', ovvjament, sempliċement tneħħi l-oġġett (i) f'mistoqsijiet mill-markup HTML , imma dak jekk inti tixtieq li jibqgħu fil-kodiċi, iżda ma turix fuq l-iskrin tal-browser għal kwalunkwe raġuni (u aħna se tirrevedi r-raġunijiet tagħmel dan dalwaqt). Biex iżommu element fl-HTML tiegħek, imma jistaħbew għall-wirja, tista 'ddur lejn CSS.

Iż-żewġ modi l-aktar komuni biex jinħeba element li huwa fl-HTML ikunu l-użu tal-proprjetajiet CSS għal "wiri" jew "viżibilità". Għall-ewwel daqqa t'għajn, dawn iż-żewġ proprjetajiet jistgħu jidhru li jagħmlu biċċa l-kbira l-istess ħaġa, iżda kull wieħed minnhom għandu differenzi distinti li għandek tkun konxju ta '. Ejja nħarsu lejn id-differenzi bejn il-wirja: l-ebda waħda u l-viżibilità: moħbija.

Viżibilità

Uża l-parità ta 'viżibilità tal-proprjetà / valur CSS: ġlud moħbija element mill-browser. madankollu, dak l-element moħbi xorta jieħu spazju fit-tqassim. Huwa simili li bażikament għamel l-element inviżibbli, iżda xorta jibqa 'fil-post u jieħu l-ispazju li kien jieħu kieku kien tħalla waħdu.

Jekk tqiegħed DIV fuq il-paġna tiegħek u tuża CSS biex tagħtiha dimensjonijiet biex tieħu 100x100 pixel, il-viżibilità: il-proprjetà moħbija se tagħmel l-DIV ma turix fuq l-iskrin, iżda t-test li jsegwi se jaġixxi bħalu għadu hemm, u jirrispetta dak Spazju ta '100x100.

Onestament, il-proprjetà tal-viżibilità mhix xi ħaġa li użajna ħafna drabi, u ċertament mhux waħidha. Jekk qed nużaw ukoll proprjetajiet CSS oħra bħall-ippożizzjonar biex niksbu t-tqassim li ridna għal ċertu element, nistgħu mbagħad użajna l-viżibilità biex inħobbu dak l-oġġett inizjalment, biss biex "inbiddlu" jerġgħu jitpoġġew fuq it-torn. Dan huwa użu wieħed possibbli ta 'din il-proprjetà, imma għal darb'oħra, mhix xi ħaġa li għandna ngħaddu għal kwalunkwe frekwenza.

Uri

B'differenza mill-proprjetà ta 'viżibilità, li tħalli element fi fluss ta' dokument normali, wiri: l-ebda wieħed ma jneħħi l-element kompletament mid-dokument. Ma jieħu ebda spazju, anke jekk l-HTML għadu fil-kodiċi tas-sors. Dan huwa għaliex huwa, tabilħaqq, imneħħi mill-fluss tad-dokument. Għall-finijiet u l-effetti kollha, l-oġġett m'għadux. Dan jista 'jkun ħaġa tajba jew ħaġa ħażina, skond x'inhuma l-intenzjonijiet tiegħek. Jista 'jkun ukoll ta' dannu għall-paġna tiegħek jekk tuża ħażin din il-proprjetà!

Aħna ta 'spiss nużaw "wiri: ħadd" meta jittestjaw paġna. Jekk għandna bżonn żona biex "imorru" għal ftit filwaqt li sabiex inkunu nistgħu nittestjaw oqsma oħra tal-paġna, nistgħu nużaw il-wirja: xejn għal dak. Madankollu, il-ħaġa li għandek tiftakar hi li l-element għandu jintbagħat lura fil-paġna qabel it-tnedija attwali ta 'dak is-sit. Dan minħabba li oġġett li jitneħħa mill-fluss tad-dokument f'dan il-metodu mhuwiex meqjus minn magni tat-tiftix jew qarrejja tal-iskrin, anki jekk jista 'jibqa' fil-markup HTML. Fl-imgħoddi, dan il-metodu ntuża bħala metodu tal-kpiepel iswed biex jippruvaw jinfluwenzaw il-klassifiki tal-magni tat-tiftix, u għalhekk oġġetti li mhumiex murija jistgħu jkunu bandiera ħamra għal Google biex tistudja għalfejn dak l-approċċ qed jintuża.

Mod wieħed kif nistgħu nsibu l-wiri: l-ebda wieħed ma jista 'jkun utli, u fejn nagħmlu użu fuq websajts ta' produzzjoni diretti, huwa meta qed nibnu sit li jirreaġixxi li jista 'jkollu elementi li huma disponibbli għal daqs tal-wiri iżda mhux għal oħrajn. Tista 'tuża l-wiri: ħadd biex jaħbi dak l-element u mbagħad ireġġa' lura b'mistoqsijiet tal-midja aktar tard. Dan huwa użu aċċettabbli tal-wiri: ħadd, għaliex inti ma tippruvax taħbi xejn għal raġunijiet nefarious, iżda għandhom ħtieġa leġittima li jagħmlu dan.

Artikolu oriġinali minn Jennifer Krynin. Editjat minn Jeremy Girard fit-3/3/17