Mund të ketë raste kur punoni në zhvillimin e faqeve të internetit, që ju duhet të "fshehni" fusha specifike të sendeve për një arsye ose për një tjetër. Ju mund të hiqni thjesht artikujt nga pyetjet nga HTML , por çka nëse dëshironi që ata të mbeten në kodin, por jo të shfaqen në ekranin e shfletuesit për çfarëdo arsye (dhe ne do t'i shqyrtojmë arsyet për të bëni këtë së shpejti). Për të mbajtur një element në HTML, por ta fshihni për shfaqje, do të ktheheni te CSS.
Dy mënyrat më të zakonshme për të fshehur një element që është në HTML do të përdorin vetitë CSS për "shfaqje" ose "shikueshmëri". Në shikim të parë, këto dy prona mund të duket sikur bëjnë kryesisht të njëjtën gjë, por secila prej tyre ka dallime të dallueshme me të cilat duhet të jeni të vetëdijshëm. Le të hedhim një vështrim në dallimet në mes të ekranit: asnjë dhe shikueshmëria: e fshehur.
dukshmëri
Duke përdorur palën / vlerën CSS të dukshmërisë: fsheh fsheh një element nga shfletuesi. megjithatë, ky element i fshehur ende merr hapësirë në paraqitjen. Është sikur ke bërë elementin padukshme, por ende mbetet në vend dhe merr hapësirën që do të kishte marrë nëse do të ishte lënë vetëm.
Nëse vendosni një DIV në faqen tuaj dhe përdorni CSS për t'i dhënë dimensionet për të marrë 100x100 piksela, shikimi: prona e fshehur do ta bëjë DIV të mos shfaqet në ekran, por teksti që ndjek atë do të veprojë sikur është akoma aty, duke respektuar atë Ndarje 100x100.
Sinqerisht, prona e dukshmërisë nuk është diçka që ne përdorëm shumë shpesh, dhe sigurisht jo vetë. Nëse po përdorim edhe pronat e tjera të CSS si pozicionimi për të arritur paraqitjen që dëshironim për një element të caktuar, atëherë mund të përdorim shikueshmërinë për të fshehur atë element fillimisht, vetëm për ta "kthyer" atë përsëri në rri pezull. Kjo është një përdorim i mundshëm i kësaj prone, por përsëri, nuk është diçka që ne bëjmë me ndonjë frekuencë.
ekran
Ndryshe nga prania e dukshmërisë, e cila lë një element në rrjedhën normale të dokumentit, shfaq: asnjë nuk e heq elementin tërësisht nga dokumenti. Nuk ka ndonjë hapësirë, edhe pse HTML është ende në kodin burimor. Kjo është për shkak se ajo është, me të vërtetë, larguar nga rrjedha e dokumenteve. Për të gjitha synimet dhe qëllimet, artikulli është zhdukur. Kjo mund të jetë një gjë e mirë apo e keqe, në varësi të asaj që synimet tuaja janë. Gjithashtu mund të dëmtojë faqen tuaj nëse e keqpërdorni këtë pronë!
Ne shpesh përdorim "display: none" kur testojmë një faqe. Nëse kemi nevojë për një zonë që "të largohemi" për pak kohë, në mënyrë që të mund të provojmë fusha të tjera të faqes, mund të përdorim ekranin: asnjë për këtë. Megjithatë, duhet ta mbani mend se elementi duhet të kthehet në faqen para fillimit aktual të asaj faqeje. Kjo për shkak se një artikull që hiqet nga rrjedha e dokumenteve në këtë metodë nuk shihet nga motorët e kërkimit ose lexuesit e ekranit, edhe pse mund të mbetet në shenjën HTML. Në të kaluarën, kjo metodë u përdor si një metodë e zezë që përpiqet të ndikojë në renditjen e motorëve të kërkimit, kështu që artikujt që nuk shfaqen mund të jenë një flamur i kuq për Google për të parë pse përdoret kjo qasje.
Një mënyrë që ne gjejmë shfaqje: askush nuk mund të jetë e dobishme dhe ku e përdorim atë në faqet e internetit të drejtpërdrejta, është kur po ndërtojmë një faqe të përgjegjshme që mund të ketë elementë që janë në dispozicion për një madhësi të ekranit, por jo për të tjerët. Mund të përdorni ekranin: asnjë për të fshehur atë element dhe pastaj ta kthejë përsëri me pyetje mediale më vonë. Ky është një përdorim i pranueshëm i ekranit: asnjë, sepse nuk jeni duke u përpjekur për të fshehur asgjë për arsye të poshtër, por keni një nevojë legjitime për ta bërë këtë.
Artikulli origjinal nga Jennifer Krynin. Redaktuar nga Jeremy Girard më 3/3/17