Der kin tiden wêze, as jo wurkje oan 'e ûntwikkeling fan websiden, dat jo "spesjaal" spesjale gebieten fan items moatte foar ien of oare reden "ferbergje". Jo kinne fansels it item allinich fuortsmite út fragen fan 'e HTML- markearring, mar wat as jo wolle dat se yn' e koade bliuwe, mar net op it buroblêd skermje foar elk reden (en wy sille de redenen feroarje dwaan dit koart). Om in elemint yn jo HTML te hâlden, mar it foar it sjen litte, sil jo nei CSS weromsette.
De twa meast foarkommende manieren om in elemint te ferbergjen dat yn 'e HTML is fan' e CSS-eigenskippen foar "werjaan" of "sichtberens". Op it earste each kinne dizze twa eigenskippen likegoed itselde ding dwaan, mar se hawwe elk ferskillende ferskillen dy't jo bewust wêze moatte. Litte wy nei de ferskillen tusken display sjen: gjin en sichtberens: ferburgen.
Sichtberens
It brûken fan it CSS eigendom / weardepaar sichtberens: ferstoppe hides in elemint fan 'e browser. Dit ferburgen elemint makket lykwols noch romte yn 'e layout. It is lykas jo it elemint net fûn hawwe, mar it bliuwt noch altyd op it plak en nimt de romte dy't it nimme soe, hie it allinich litten.
As jo in DIV op jo side pleatse en CSS brûke om it dimensjes te krijen om 100x100 piksels op te nimmen, dan sil de sichtberens: ferburgen eigendom meitsje fan 'e DIV net op it skerm te sjen, mar de tekst dy't folgje sil sjogge as it der is, 100x100 ôfstân.
Eartiids is it sichtberens eigendom net wat wy gewoanlik gebrûk makke hawwe, en wis net allinich. As wy ek oare CSS-eigenskippen brûke as posysje om it layout te realisearjen wy woe foar in bepaald elemint, dan kinne wy gebrûk meitsje fan sichtberens om dit item yn it earstoan te ferbergjen, allinich om "wer" werom te setten op hover. Dat is ien mooglik gebrûk fan dit eigendom, mar wer, it is net wat wy mei elke frekwinsje ta.
Skerm
Oars as it sichtberensbeskermjen, dat in elemint yn normale dokumintflater bliuwt, werjaan: none jout it elemint folslein út it dokumint. It makket gjin romte net, alhoewol it HTML foar him is noch yn it boarne koade. Dit is om't it is, wis, fan 'e dokumint flak. Foar alle stientsjes en doelen is it item fuort. Dit kin in goeie ding of in minne ding wêze, ôfhinklik fan wat jo bedoeling binne. It kin ek skea oan jo side as jo dizze eigenskip misbrûgje!
Wy brûke faak "display: none" by it testen fan in side. As wy in gebiet nedich hawwe om "wat fuort" te testen, kinne wy gebrûk meitsje fan gebrûk: none foar dat. It ding om te ferjitten is lykwols dat it elemint weromkeard wurde nei de side foardat de aktuele start fan dizze side is. Dit is omdat in item dy 't fuortsmiten is fan dokumint yn dizze metoade, is net sjoen troch sykmasines of skermlêzers, alhoewol it it bliuwt yn' e HTML-markearring. Yn it ferline waard dizze metoade brûkt as in swart-hûd-metoade om te besykjen om sykmasjinearring te beynfloedzjen, dus items dy't net werjûn wurde kinne in gewoane flagge wêze foar Google om te sjen yn wêrom't oanpak brûkt wurdt.
Ien fan 'e manier sykje wy werjefte: gjin nuttich te wêzen, en wêr't wy it brûke op libjende, produksjeswebsiden, is as wy in reaktive side bouwe dy't eleminten hawwe dy't beskikber binne foar ien displaygrutte, mar net foar oaren. Jo kinne gebrûk meitsje fan: gjin om dit elemint te ferbergjen en it dan wer mei media-fragen werom te kearen. Dit is in akseptabel gebrûk fan werjefte: gjin, om't jo net besykje wat foar fergonklike redenen te ferbergjen, mar hawwe in legitimaasjebewurkje om te dwaan.
Oarspronklik artikel fan Jennifer Krynin. Edited by Jeremy Girard on 3/3/17