Tofauti kati ya "kuonyesha: hakuna" na "kujulikana: kujificha" katika CSS

Kunaweza kuwa na nyakati, unapofanya kazi juu ya maendeleo ya kurasa za wavuti, ambazo unahitaji "kujificha" maeneo maalum ya vitu kwa sababu moja au nyingine. Unaweza, kwa kweli, tu kuondoa bidhaa (s) katika maswali kutoka kwa markup ya HTML , lakini fanya nini ikiwa unataka kuwa bado katika msimbo, lakini usionyeshe skrini ya kivinjari kwa sababu yoyote (na tutaangalia sababu za fanya hivi hivi karibuni). Ili kuweka kipengele katika HTML yako, lakini kujificha kwa kuonyesha, utageuka kwenye CSS.

Njia mbili za kawaida za kuficha kipengele kilicho kwenye HTML zitatumia mali za CSS kwa "kuonyesha" au "kujulikana". Kwa mtazamo wa kwanza, mali hizi mbili zinaweza kuonekana kufanya kwa kiasi kikubwa kitu kimoja, lakini kila mmoja ana tofauti tofauti ambazo unapaswa kujua. Hebu tuangalie tofauti kati ya kuonyesha: hakuna na kujulikana: siri.

Kuonekana

Kutumia kuonekana kwa thamani ya CSS ya mali / thamani: huficha kipengele kutoka kwa kivinjari. hata hivyo, kipengele kilichofichika bado kinachukua nafasi katika mpangilio. Ni kama umefanya kipengele kisichoonekana, lakini bado kinaendelea na huchukua nafasi ambayo ingekuwa imechukua ikiwa ingeachwa peke yake.

Ikiwa unaweka DIV kwenye ukurasa wako na utumie CSS ili upe vipimo kwa kuchukua pixel 100x100, kujulikana: mali iliyofichwa itafanya DIV kuwaonyeshe skrini, lakini maandishi yafuatayo yatatenda kama bado yupo, akiheshimu Ufikiaji wa 100x100.

Kwa kweli, mali ya kujulikana siyo kitu tulichotumia mara nyingi sana, na kwa hakika sio peke yake. Ikiwa sisi pia tunatumia mali nyingine za CSS kama nafasi ya kufikia mpangilio tunayotaka kwa kipengele fulani, tunaweza kutumia kujulikana kuficha kipengee hapo awali, tu "kurejea" ili kurudi. Hiyo ni moja ya matumizi yanayotumika ya mali hii, lakini tena, sio kitu ambacho sisi hugeuka na mzunguko wowote.

Onyesha

Tofauti na mali ya kujulikana, ambayo huacha kipengele katika mtiririko wa kawaida wa maandishi, kuonyesha: hakuna huondoa kipengele kabisa kutoka kwenye waraka. Haitachukua nafasi yoyote, ingawa HTML kwa hiyo bado iko kwenye msimbo wa chanzo. Hii ni kwa sababu ni kweli, imeondolewa kwenye mtiririko wa hati. Kwa madhumuni yote na malengo, kipengee kimekwenda. Hii inaweza kuwa jambo jema au jambo baya, kulingana na malengo yako ni nini. Inaweza pia kuharibu ukurasa wako ikiwa unatumia mali hii vibaya!

Mara nyingi tunatumia "kuonyesha: hakuna" wakati wa kupima ukurasa. Ikiwa tunahitaji eneo la "kuondoka" kwa muda kidogo ili tuweze kupima maeneo mengine ya ukurasa, tunaweza kutumia kuonyesha: hakuna kwa hiyo. Kitu cha kumbuka, hata hivyo, ni kwamba kipengele kinapaswa kurudi kwenye ukurasa kabla ya uzinduzi halisi wa tovuti hiyo. Hii ni kwa sababu kipengee kilichoondolewa kutoka kwa mtiririko wa hati katika njia hii haionekani na injini za utafutaji au wasomaji wa skrini, hata ingawa inaweza kubaki katika markup ya HTML. Katika siku za nyuma, njia hii ilitumiwa kama njia ya kofia nyeusi ili kujaribu kushawishi rankings ya injini ya utafutaji, hivyo vitu ambazo hazionyeshwa inaweza kuwa bendera nyekundu kwa Google kutazama kwa nini mbinu hiyo inatumika.

Njia moja tunayopata kuonyesha: hakuna kuwa na manufaa, na ambapo tunatumia kwenye tovuti za uhai, za uzalishaji, ni wakati tunapofanya tovuti ya msikivu ambayo inaweza kuwa na vipengele vinavyopatikana kwa ukubwa mmoja wa kuonyesha lakini si kwa wengine. Unaweza kutumia maonyesho: hakuna yeyote anayeficha kipengele hiki na kisha kuirudia tena na maswali ya vyombo vya habari baadaye. Hii ni matumizi ya kukubalika ya kukubalika: hapana, kwa sababu hujaribu kujificha chochote kwa sababu za usafi, lakini una haja ya halali ya kufanya hivyo.

Makala ya awali na Jennifer Krynin. Iliyotengenezwa na Jeremy Girard mnamo 3/3/17