Verskil tussen "vertoon: geen" en "sigbaarheid: verborge" in CSS

Daar kan tye wees, soos jy aan die ontwikkeling van webbladsye werk, dat jy die een of ander rede spesifieke areas van items moet "wegsteek". U kan natuurlik die item (s) in vrae uit die HTML- opmerkings verwyder, maar wat as jy wil hê dat hulle in die kode bly, maar nie vir enige rede op die blaaierskerm verskyn nie (en ons sal die redes na doen dit kortliks). Om 'n element in jou HTML te behou, maar verberg dit vir vertoning, sal jy na CSS verander.

Die twee mees algemene maniere om 'n element wat in die HTML is, te versteek, sal die CSS-eienskappe gebruik vir "vertoning" of "sigbaarheid". Op die eerste oogopslag lyk dit of hierdie twee eiendomme grotendeels dieselfde ding is, maar hulle het elk duidelike verskille wat jy moet bewus wees. Kom ons kyk na die verskille tussen mekaar: geen en sigbaarheid: verborge.

sigbaarheid

Gebruik die CSS-eienskap / waarde paar sigbaarheid: verborge verberg 'n element van die blaaier. egter, daardie verborge element neem steeds ruimte in die uitleg. Dit is asof jy basies die element onsigbaar gemaak het, maar dit bly steeds in plek en neem die ruimte op wat dit sou neem as dit alleen gelaat is.

As jy 'n DIV op jou bladsy plaas en CSS gebruik om dimensies te gee om 100x100 pixels te maak, sal die sigbaarheid: verborge eienskappe die DIV nie op die skerm laat vertoon nie, maar die teks wat daarop volg, sal optree soos dit nog daar is, met inagneming daarvan 100x100 spasiëring.

Eerlik, die sigbaarheidseiendom is nie iets wat ons baie dikwels gebruik het nie, en beslis nie alleen nie. As ons ook ander CSS-eienskappe soos posisionering gebruik om die uitleg wat ons vir 'n sekere element benodig, te bereik, kan ons dan eers sigbaarheid gebruik om daardie item aanvanklik te versteek, net om dit weer op 'n "hover" te maak. Dit is een moontlike gebruik van hierdie eiendom, maar weer is dit nie iets waarmee ons met enige frekwensie verander nie.

vertoning

In teenstelling met die sigbaarheidseienskap, wat 'n element in normale dokumentvloei verlaat, vertoon: niemand verwyder die element heeltemal uit die dokument nie. Dit neem geen spasie op nie, alhoewel die HTML daarvoor nog in die bronkode is. Dit is omdat dit inderdaad van die dokumentvloei verwyder word. Vir alle doeleindes is die item weg. Dit kan 'n goeie ding of 'n slegte ding wees, afhangende van wat jou bedoelings is. Dit kan ook skadelik wees op u bladsy as u hierdie eiendom misbruik!

Ons gebruik dikwels "vertoon: geen" wanneer u 'n bladsy toets. As ons 'n area nodig het om 'n bietjie te gaan "weg" sodat ons ander dele van die bladsy kan toets, kan ons vertoon: niemand daarvoor nie. Die ding om te onthou, is egter dat die element teruggegee moet word na die bladsy voor die werklike bekendstelling van die webwerf. Dit is omdat 'n item wat verwyder word van die dokument vloei in hierdie metode nie gesien word deur soekenjins of skermlesers nie, alhoewel dit in die HTML-opmaak kan bly. In die verlede is hierdie metode gebruik as 'n swarthoed-metode om die soektogranglys te beïnvloed, sodat items wat nie vertoon word nie, 'n rooi vlag kan wees vir Google om te kyk na hoekom daardie benadering gebruik word.

Op een manier vind ons vertoning: niemand is nuttig nie, en waar ons dit op lewendige produksiedienste gebruik, is wanneer ons ' n reageerende webwerf bou wat elemente wat beskikbaar is vir een vertoningsgrootte, maar nie vir ander nie, bevat. U kan die vertoning gebruik: niemand om daardie element te versteek nie en dan weer met media-navrae weer aan te skakel . Dit is 'n aanvaarbare gebruik van die vertoning: niemand, want jy probeer niks verberg vir verwoestende redes nie, maar het 'n wettige behoefte om dit te doen.

Oorspronklike artikel deur Jennifer Krynin. Geredigeer deur Jeremy Girard op 3/3/17