Et kann vläicht Zeien hunn, wéi Dir op d'Entwécklung vu Websäiten ariichten, datt Dir "spezifesch Gebidder" vun Artikelen aus enger Ursaach oder anerer versteet. Dir kënnt natierlech d'Elementen an Froe vun der HTML Markup ausginn, awer wann Dir wëllt datt se an de Code bleiwen, awer net op de Browser-Bildschierm op all Grond benotzen (a mir wäerten d'Grënn uginn) dat maachen). Fir e Element an Ärem HTML ze halen, awer verstees de fir ze weisen, da géift Dir op CSS änneren.
Déi zwee allgemeng Weeër fir e Element ze verstoppen, deen am HTML ass, wäerte d'CSS-Properties fir "Display" oder "Visibilitéit" benotzen. Op den éischte Bléck kënnen dës zwee Propietéit vill wéi déi selwecht Saach maachen, awer si hunn verschidden Ënnerscheeder, déi Dir sollt wëssen. Loosst eis e Bléck op d'Differenzen tëscht Display: keng a Sicht: versteckt.
Visibilitéit
Benotzt d'CSS-Eigenschaft / value Paar vu Sicht: verstoppte verstoppt e Element aus dem Browser. Allerdéngs ass dat versteckte Element nach ëmmer Plaz am Layout. Et ass wéi Dir haaptsächlech d'Element net sichtbar gemaach huet, awer et bleiwt ëmmer an d'Plaz wou se entlooss hätt, hätt et eleng verlooss.
Wann Dir en DIV op Ärer Säit benotzt a CSS benotzen, fir d'Dimensiounen ze huelen fir 100x100 Pixelen ze maachen, ass d'Visibilitéit: hidden hidden roof den DIV net op der Schau ze gesinn, awer de Text deen duerno agitt, ass wéi et nach ëmmer do ass, respektéiert dat 100x100 Ofstëmmung.
Éirens ass d'Visibilitéitseigentum net eppes, wat mir ganz oft benotzt hunn an och net selwer. Wa mir och aner CSS-Propositiounen benotzen wéi d'Positionéiere fir de Layout ze erreechen, dee mir fir e bestëmmte Element erwaart hunn, kënne mir dann Sichtbarkeetsplang benotzen fir dat Element ufänkt ze verstoppen, nëmmen ze "drénken". Dat ass e méiglechst benotze vun dësem Besëtz, awer nees, et ass net eppes, wat mir mat all Frequenz schécke.
Display
Am Géigesaz zu der Visibilitéit Eegeschafte, déi e Element an normalen Dokumentablëch liwwert, weisen: Keen gëtt d'Element komplett aus dem Dokument geläscht. Et brauch kee Raum ze späicheren, och wann d'HTML fir dat nach ëmmer am Quellcode ass. Dëst ass well et ass wierklech aus dem Dokument Fluet. Fir all Intentiounszwecker an Zwecker gëtt de Element fort. Dëst kann eng gutt Saach oder eng schlecht Saach sinn, jee nodeem wéi Är Intentiounen sinn. Et kann och schiedlech sinn op Är Säit wann Dir dëse Besëtz missbraucht!
Mir benotzen oft "Display: None" beim Testen vun enger Säit. Wann Dir e Gebitt braucht fir "ewech ze goen", sou datt mir aner Zone vun dëser Säit testen kënnen, mir kënne Display: keng fir dat. D'Ding awer fir ze erënneren datt d'Element virun der aktueller Oflaaf vun der Säit zréck op d'Säit zréckzéien. Dëst ass, well e Element, deen aus Dokumentstrooss aus dëser Methode ausgemaacht gëtt, net vu Suchmaschinn oder Schreiffreader gesinn gëtt, obwuel et an der HTML Markup bleiwen kann. An der Vergaangenheet ass dës Methode als Black-Hat-Methode benotzt fir d'Suchmaschinn Rankings ze beaflossen, sou datt Elementer déi net kucken kënnen, e rouge Fändel fir Google sinn fir nozekucken firwat dës Approche benotzt gëtt.
Eng Aart a Weis wéi mir d'Affichéieren fannen: keng nëtzlech sinn, a wou mir et op Live-, Produktiouns-Websäite benotzen, ass wann Dir en reaktiouns Site bauen , deen Elementer hunn, déi fir eng Displaygréisst ma fir anerer sinn. Dir kënnt Disponibilitéit benotzen: keng fir dëse Element ze verstännegen an dann en erëm mat Medien Queryën spéider zréck. Dëst ass eng akzeptabel Benotzung vu Display: keng, well Dir net probéiert fir näischt fir schrecklech Grënn ze verstoppen, awer e legitimen Erfolleg ze maachen.
Original Artikel vum Jennifer Krynin. Edited by Jeremy Girard op 3/3/17