Diferans ant "ekspozisyon: Pa gen yonn" ak "vizibilite: kache" nan CSS

Gen pouvwa pou fwa, menm jan ou ap travay sou devlopman nan paj wèb, ke ou bezwen "kache" zòn espesifik nan atik pou yon rezon oswa yon lòt. Ou ka, nan kou, tou senpleman retire atik la (yo) nan kesyon ki soti nan makè a HTML , men ki sa si ou vle yo rete nan kòd la, men se pa montre sou ekran navigatè a pou kèlkeswa rezon (epi nou pral revize rezon ki fè yo fè sa yon ti tan). Pou kenbe yon eleman nan HTML ou, men kache l 'pou ekspozisyon, ou ta ale nan CSS.

De fason ki pi komen yo kache yon eleman ki nan HTML a ta dwe lè l sèvi avèk pwopriyete yo CSS pou "ekspozisyon" oswa "vizibilite". Nan premye gade, de pwopriyete sa yo ka sanble yo fè lajman menm bagay la, men yo chak gen diferans diferan ke ou ta dwe okouran de. Ann pran yon gade nan diferans ki genyen ant ekspozisyon: Pa gen yonn ak vizibilite: kache.

Vizibilite

Sèvi ak pwopriyete a CSS / Valè valè de vizibilite: kache kache yon eleman nan navigatè a. sepandan, ke eleman kache toujou pran moute espas nan Layout la. Se tankou ou te fondamantalman te fè eleman nan envizib, men li toujou rete an plas ak pran moute espas ki la li ta pran moute te li te rete pou kont li.

Si ou mete yon DIV sou paj ou epi sèvi ak CSS pou bay li dimansyon pou pran 100x100 piksèl, vizibilite a: kache pwopriyete ap fè DIV la pa montre sou ekran an, men tèks sa yo li pral aji tankou li la toujou la, respekte sa 100x100 espas.

Onètman, pwopriyete a vizibilite se pa yon bagay nou te itilize trè souvan, epi sètènman pa sou pwòp li yo. Si nou menm tou nou itilize lòt pwopriyete CSS tankou pwezante reyalize Layout a nou te vle pou yon eleman sèten, nou te kapab Lè sa a, sèvi ak vizibilite kache atik la okòmansman, sèlman nan "vire" li tounen sou sou hover. Sa se yon itilizasyon posib nan pwopriyete sa a, men ankò, li se pa yon bagay nou ale nan ak nenpòt frekans.

Montre

Kontrèman ak pwopriyete a vizibilite, ki kite yon eleman nan koule nòmal dokiman, ekspozisyon: Pa gen okenn retire eleman an konplètman soti nan dokiman an. Li pa pran tout espas, menm si HTML la pou li toujou nan kòd la sous. Sa a se paske li se, tout bon, yo retire nan koule nan dokiman. Pou tout entansyon ak objektif, atik la ale. Sa a kapab yon bon bagay oswa yon move bagay, depann sou sa ki entansyon ou yo. Li kapab tou domaje nan paj ou a si ou mal itilize pwopriyete sa a!

Nou souvan itilize "ekspozisyon: Pa gen" lè tès yon paj. Si nou bezwen yon zòn nan "ale" pou yon ti tan pandan ke nou ka teste lòt zòn nan paj la, nou ka itilize ekspozisyon: Pa gen pou sa. Bagay la sonje, sepandan, se ke yo ta dwe eleman an dwe retounen tounen nan paj la anvan lansman aktyèl la nan sit sa a. Sa a se paske yon atik ki retire nan koule dokiman nan metòd sa a pa wè pa motè rechèch oswa lektè ekran, menm si li ka rete nan marke a HTML. Nan tan lontan an, metòd sa a te itilize kòm yon metòd nwa-chapo pou eseye enfliyanse classement motè rechèch, se konsa atik ki pa parèt ka yon drapo wouj pou Google pou gade nan poukisa apwòch sa a te itilize.

Yon fason nou jwenn ekspozisyon: Pa gen okenn itil, ak kote nou itilize li sou viv sou sit entènèt pwodiksyon, se lè nou ap bati yon sit reponn ki ka gen eleman ki disponib pou yon gwosè ekspozisyon, men se pa pou lòt moun. Ou ka sèvi ak ekspozisyon: Pa gen kache nan eleman sa a epi vire l 'tounen sou ak demand medya pita. Sa a se yon itilizasyon akseptab nan ekspozisyon: Pa gen, paske ou pa ap eseye kache anyen pou rezon nefarious, men gen yon bezwen lejitim yo fè sa.

Original atik pa Jennifer Krynin. Edited by Jeremy Girard sou 3/3/17