Diferenco Inter "montriĝo: neniu" kaj "videbleco: kaŝita" en CSS

Eble tempoj, kiel vi laboras pri la disvolviĝo de retpaĝoj, vi bezonas "kaŝi" specifajn kampojn de eroj por unu kialo aŭ alia. Vi povas, kompreneble, simple forigi la erojn en demandoj de la HTML- marko, sed kio, se vi volas, ke ili restu en la kodo, sed ne montriĝas en la ekrano de la retumilo, ĉia ajn kialo (kaj ni revizias la kialojn al Faru ĉi tion baldaŭ). Por konservi elementon en via HTML, sed kaŝu ĝin por montriĝo, vi turniĝus al CSS.

La du plej komunaj manieroj kaŝi elementon en la HTML uzus la CSS-proprietojn por "montriĝo" aŭ "videblecon". Al unua vido, ĉi tiuj du propraĵoj ŝajnas fari plejparte la saman aferon, sed ili ĉiuj havas diferencajn diferencojn, kiujn vi devas scii. Ni rigardu la diferencojn inter ekrano: neniu kaj videbleco: kaŝita.

Videbleco

Uzante la CSS-posedaĵon / valoro du videblecon: kaŝita kaŝas elementon de la retumilo. tamen, tiu kaŝita elemento ankoraŭ prenas spacon en la aranĝo. Estas kiel vi esence faris la elementon nevidebla, sed ĝi ankoraŭ restas en la loko kaj ekprenas la spacon, kiun ĝi estus forpreninta, se ĝi restis sola.

Se vi metas DIV sur vian paĝon kaj uzas CSS por doni al ĝi dimensiojn por preni 100x100-pikselojn, la videblecon: kaŝita propraĵo faros la DIV ne montriĝe sur la ekrano, sed la teksto sekvanta ĝin agos kiel ĝi estas ankoraŭ tie, respektante tion 100x100 interspaco.

Sincere, la videbleco ne estas io, kiun ni ofte uzis, kaj certe ne sole. Se ni ankaŭ uzas aliajn CSS-proprietojn kiel pozicion por atingi la aranĝon, kiun ni deziris por certa elemento, ni povus uzi videblecon por kaŝi tiun eron komence, nur por "turni" ĝin reen ŝvebi. Tiu estas ebla uzo de ĉi tiu propraĵo, sed denove, ĝi ne estas io, kion ni turnas al kun ajna ofteco.

Montriĝo

Kontraste kun la videbleco, kiu lasas elementon en normala dokumento fluo, montriĝo: neniu forigas la elementon tute de la dokumento. Ĝi ne postulas ajnan spacon, kvankam la HTML por ĝi ankoraŭ estas en la fonta kodo. Ĉi tio estas ĉar ĝi ja estas forigita de la dokumento-fluo. Por ĉiuj intencoj kaj celoj, la ero foriris. Ĉi tio eblas bone aŭ malbonan aferon, depende de viaj intencoj. Ĝi ankaŭ povas difekti vian paĝon, se vi malŝaltas ĉi tiun posedaĵon!

Ni ofte uzas "montri: neniu" kiam provas paĝon. Se ni bezonas areon por "foriri" por iom da tempo por ke ni povu provi aliajn areojn de la paĝo, ni povas uzi ekranon: neniu por tio. La afero memori, tamen, estas ke la elemento devas esti redonita reen al la paĝo antaŭ la reala lanĉo de tiu retejo. Ĉi tio estas, ĉar ero, kiu estas forigita de dokumenta fluo en ĉi tiu metodo, ne estas videbla de serĉiloj aŭ ekranaj legantoj, kvankam ĝi povas resti en la HTML-marko. En la pasinteco, ĉi tiu metodo estis uzata kiel nigra ĉapelo por provi influi serĉilotikojn, do eroj kiuj ne montriĝas povus esti ruĝa flago por Google serĉi, kial tiu aliro estas uzata.

Unuflanke ni povas trovi ekranon: neniu utilas, kaj kie ni uzas ĝin en vivaj, produktadaj retejoj, estas kiam ni konstruas respondeman retejon, kiu eble havas elementojn, kiuj estas disponeblaj por unu ekrano, sed ne por aliaj. Vi povas uzi ekranon: neniu por kaŝi tiun elementon kaj poste turni ĝin reen kun amaskomunikilaj demandoj poste. Ĉi tio estas akceptebla uzado de ekrano: neniu, ĉar vi ne provas kaŝi ion pro malfortaj kialoj, sed havas laŭleĝan bezonon fari ĝin.

Originala artikolo de Jennifer Krynin. Redaktita de Jeremy Girard la 3/3/17