Veebisaitide väljatöötamise ajal võib olla mõni aeg, et peate konkreetsetel teemadel peitma ühel või teisel põhjusel. Muidugi võite lihtsalt eemaldada HTML- märgistusega seotud küsimused (küsimused), aga kui soovite, et need jääksid koodi, kuid ei kuvata brauseri ekraanil mingil põhjusel (ja vaatame põhjused tee seda kohe). HTML-i elemendi hoidmiseks, kuid selle peitmiseks kuvamiseks peate pöörduma CSS-i poole.
Kaks kõige levinumat viisi, kuidas HTML-is olevat elementi peita, oleks "displei" või "nähtavuse" CSS-i omadused. Esmapilgul tunduvad need kaks omadust suuresti ühesuguseks, kuid neil kõigil on erinevad erinevused, mida peaksite teadma. Vaatame erinevusi kuvamise vahel: ükski ja nähtavus: peidetud.
Nähtavus
CSS-i vara / väärtuse nähtavuse paari kasutamine: varjatud peidab brauseri elemendi. Kuid see peidetud element võtab paigas ikkagi ruumi. See on nagu te olete põhimõtteliselt teinud elemendi nähtamatuks, kuid see on ikka veel paigas ja võtab ruumi, mida see oleks kasutanud, kui see jätaks üksi.
Kui paigutate oma lehele DIV ja kasutate CSS-i, et anda sellele mõõtmed, et võtta 100x100 pikslit, siis nähtavus: peidetud vara muudab DIV-i ekraanil mitte kuvamiseks, kuid järgnev tekst toimib nagu see ikkagi seal, austades seda 100x100 vahemaa.
Ausalt, nähtavuse omadus ei ole midagi, mida me kasutasime väga sageli ja kindlasti mitte iseenesest. Kui kasutame ka mõnda elementi soovitud kujunduse saavutamiseks teisi CSS-i omadusi, näiteks positsioneerimise saavutamiseks, siis saaksime kasutada nähtavust selle eseme varjamiseks, ainult selleks, et seda uuesti sisse lülitada. See on üks selle vara võimalik kasutamine, kuid jällegi pole see midagi, mida me pöördume sagedusega.
Kuva
Erinevalt nähtavusest, mis jätab elemendi tavapärasesse dokumentide voogu, kuvatakse: ükski ei eemalda elementi dokumendist täielikult. See ei võta ruumi, ehkki selle HTML on ikka lähtekoodis. Seda seetõttu, et see on tõepoolest dokumentide voolust eemaldatud. Kõigi eesmärkide korral on toode kadunud. See võib olla hea või halb asi, olenevalt sellest, mis teie kavatsused on. See võib teie lehele ka kahjustada, kui te seda vara väärkasutate!
Lehe katsetamisel kasutame sageli "display: none". Kui me vajame mõnda aega mõnda aega "minema", et saaksime testida lehe teisi valdkondi, võime kasutada kuvarit: selleks pole ühtegi. Kuid asi, mida meeles pidada, on see, et element tuleb enne selle saidi tegelikku käivitamist tagasi lehele tagasi. Seda seetõttu, et otsingumootorid ja ekraanilugejad ei näe selles meetodis dokumentide voogu eemaldatud üksust, kuigi see võib jääda HTML-märgistusse. Varem kasutas seda meetodit musta mütsi meetodina otsingumootori pingeread mõjutamiseks, nii et objektid, mida ei kuvata, võiksid olla Google'i punased lipud, et uurida, miks seda lähenemist kasutatakse.
Üks viis, kuidas me leiame ekraani: ükski ei ole kasulik ja me kasutame seda otseülekande veebisaitidel, kui me ehitame tundlikule saidile, millel on elemente, mis on saadaval ühe kuvari suuruse jaoks, kuid mitte teistele. Võite kuvada: ükski ei peita seda elementi ja seejärel hiljem uuesti meediumipäringute juurde tagasi. See on ekraanil vastuvõetav kasutamine: ei ole, sest te ei püüa midagi varjata nullmõistetutel põhjustel, kuid teil on selleks õigustatud vajadus.
Jennifer Krynini algne artikkel. Redigeeris Jeremy Girard 3./3/17