Það kann að vera stundum, eins og þú vinnur við þróun vefsíðna, að þú þarft að "fela" ákveðin svæði af hlutum af einum ástæðum eða öðrum. Þú getur auðvitað einfaldlega fjarlægt hlutinn / hlutirnar í spurningum úr HTML- merkinu, en hvað ef þú vilt að þau séu áfram í kóðanum, en ekki sýna á vafraskjánum af einhverjum ástæðum (og við munum skoða ástæðurnar fyrir gera þetta skömmu). Til að halda frumefni í HTML þínum, en fela það í skjá, þá ættir þú að snúa sér að CSS.
Tveir algengustu leiðin til að fela frumefni sem er í HTML myndi nota CSS eiginleika fyrir "sýna" eða "sýnileika". Við fyrstu sýn geta þessar tvær eignir virst að mestu það sama, en þeir hafa hverja greinarmun á mismun sem þú ættir að vera meðvitaðir um. Skulum líta á muninn á skjánum: enginn og skyggni: falinn.
Skyggni
Notkun CSS eignarinnar / gildi par af sýnileika: falinn felur í sér þátt í vafranum. Hins vegar tekur þessi falinn þáttur enn pláss í útliti. Það er eins og þú hefur í grundvallaratriðum gert frumefnið ósýnilegt en það er enn á sínum stað og tekur upp plássið sem það hefði tekið upp ef það hefði verið skilið eftir.
Ef þú setur DIV á síðuna þína og notar CSS til að gefa það stærðir til að taka upp 100x100 dílar, þá mun sýnileiki: falinn eign gera DIV ekki sýnt á skjánum, en textinn sem fylgir henni mun virka eins og það er ennþá þar, með tilliti til þess 100x100 bil.
Heiðarlega er sýnileika eignin ekki eitthvað sem við notuðum mjög oft og vissulega ekki á eigin spýtur. Ef við notum líka aðra CSS eiginleika eins og staðsetning til að ná skipulaginu sem við vildum fyrir ákveðna hluti, gætum við síðan notað sýnileika til að fela þetta atriði í upphafi, aðeins til að "snúa" henni aftur á sveima. Það er ein möguleg notkun þessarar eignar, en aftur er það ekki eitthvað sem við snúum við með hvaða tíðni sem er.
Sýna
Ólíkt sýnileika, sem skilur þátt í venjulegu skjalflæði, birtist: enginn fjarlægir hlutinn alveg úr skjalinu. Það tekur ekki pláss, jafnvel þó að HTML fyrir það sé enn í kóðanum. Þetta er vegna þess að það er reyndar fjarlægt úr skjalflæði. Fyrir alla tilgangi er hluturinn farin. Þetta getur verið gott eða slæmt, allt eftir því sem ætlun þín er. Það getur einnig verið skaðlegt fyrir síðuna þína ef þú misnotar þessa eign!
Við notum oft "sýna: none" við prófun á síðu. Ef við þurfum svæði til að "fara í burtu" fyrir smástund svo að við getum prófað önnur svæði síðunnar getum við notað skjá: ekkert fyrir það. Málið að muna, hins vegar, er að frumefni skuli skilað aftur á blaðsíðu fyrir raunverulegan sjósetja af því vefsvæði. Þetta er vegna þess að hlutur sem er fjarlægður úr skjalflæði í þessari aðferð sést ekki af leitarvélum eða skjálesendum, jafnvel þótt það sé í HTML-merkinu. Í fortíðinni var þessi aðferð notuð sem svartur hattaraðferð til að reyna að hafa áhrif á stöðu leitarvélarinnar, þannig að hlutir sem ekki eru sýndar gætu verið rauðar fánar fyrir Google til að skoða hvers vegna þessi nálgun er notuð.
Ein leiðin er að finna skjá: Enginn er gagnlegur, og þar sem við notum það á lifandi, framleiðslu vefsvæðum, er þegar við erum að byggja upp móttækilegan vef sem kann að hafa þætti sem eru tiltæk fyrir eina skjástærð en ekki fyrir aðra. Þú getur notað skjá: enginn til að fela þennan þátt og síðan snúa aftur á með fjölmiðlafyrirspurnum seinna. Þetta er viðunandi notkun sýna: enginn, vegna þess að þú ert ekki að reyna að fela neitt af hræðilegum ástæðum en hafa lögmæta þörf til að gera það.
Upprunaleg grein af Jennifer Krynin. Breytt af Jeremy Girard á 3/3/17