Difference Unu "display: none" è "visibilità: hidden" in CSS

Ci hè un tempu, cumu travaglià nantu à u sviluppu di e pagine web, chì avete bisognu di "oculazione" spazii specifichi d'articuli per una ragiuna o un altru. Pudete, sicuru, simpricimenti sguassate l'articulu (s) in dumande nantu à u marcatu HTML , ma chì se vulete chì stà in u codice, ma micca visualizatu in a navigazione di u screnu per qualsiasi mutivu (è avemu rivista fà quì pocu). Per guardà un elementu in u vostru HTML, ma l'amuite per a visualizazione, pudete turnà à CSS.

I dui modi più cumuni di foglie un elementu chì hè in u HTML puderia usà e propietati CSS per "visu" o "visibilità". À u primu preghjudiziu, sti dui prupietà pare chì puderanu fede largamente u listessu cosa, ma quellu chì anu pussede differenzi distinti chì voi avete bisognu. Fighjemu a fighja a diffarenza di u screnu: nimu è visibilità: oculistica.

Visibilità

Utilizare a persunità / visione di CSS / CSS di visibilità: queste oculene un elementu da u navigatore. in ogni modu, quellu elementu oculatu ancora oghje u spaziu in u mudellu. Hè cum'è chì anu fattu, basu, l'elementu invisibile, ma quissa resta in u locu è ripiglià u spaziu chì avia avè rinviatu chì era statu stata sola.

Sì dite una DIV in a vostra pagina è utilizate CSS per dà e dimensioni per piglià 100x100 pixella, a visibilità: a causa di u mozzu fà chì u DIV ùn esce micca nantu à a scena, ma u testu chì seguiu avarà da esse cum'è hè sempre quì, rispettu chì Spazziu 100x100.

Hè cume, a pruprietà di a visibilità ùn hè micca qualcosa chì usamu freqüentamenti, è certamenti micca in u so propiu. Se ancu uttene un altru proprietà CSS cum'è posizionamentu per ottene u disunitu avemu vulutu un certu elementu, puderemu puderà utilizà a visibilità d'amparà l'articulu in prima, solu per "turnà" in daretu. Hè una pussibulità pussibuli di quessa prupietà, ma dinò, ùn hè micca qualcosa chì vultemu à ogni freccia.

Visualizza

A diversità di a pruprietà di a visibilità, chì abbanduneghja un elementu in u flussu di documentu normale, mostra: nisuna distanza l'elementu cumpletu di u documentu. Ùn pigliate micca spaziu, ancu s'ellu l'HTML perchè hè sempre in u codice fonte. Questu hè perchè hè, veramente, sguassate da u flussu di documentu. Per tuttu u sperienze, l'articulu hè andatu. Questa pò esse una cosa bona o una mala cosa, secondu ciò chì sò i vostri intesi. Pudete ancu esse dannighjate à a vostra pagina, sè vo avete abituutu stu propiu!

Avemu spessu usatu "display: none" quandu pruvà una pagina. Se ci hà bisognu di un spaziu per "sluisce" per un pocu mentre è cusì chì pudemu pruvene altre area di a pagina, pudemu usà a visualizazioni: nimu per questu. A cosa di ricurdà, in ogni casu, hè chì l'elementu deve esse tornatu à a pàgina prima di u pianu real di stu situ. Questu hè chì un articulu chì hè sguassatu di u flussu di documentu in stu metudu ùn hè micca vistutu da i muturi di ricerca o di u lettore, ancu s'ellu si pò stà in u markatu HTML. In u passatu, stu mètudu hè stata utilizata com'è un mètudu chjappu per pruvà influenzà u ranking di u mutore di u mutore, cusì l'articuli chì ùn sò micca spustati puderanu esse una bandiera russa per Google per vede per quale sta strada hè utilizata.

Un modu chì si trovii mostra: nessuna per esse utile, è induve l'utilizamu à i siti live, produzzione, hè quandu si custruamu un situ chì face rispondi chì ponu avè elementi chì sò dispunibili per una grandària di mostra, ma micca per altri. Pudete usà a visualizazione: nimu per amparà quellu elementu è da turnà torna cù i mediate queries dopu. Questu hè un usu impegnu di a visualizazione: nisuna, perchè ùn site micca pruvatu d'amparà nunda per ragioni nefriesi, ma hà una legittima avutu per fà.

Articulu originale per Jennifer Krynin. Edited by Jeremy Girard u 3/3/17