Uporaba prikaza CSS lastnosti: ni`

Kaskadni slogovni listi (CSS) vam omogočajo, da organizirate videz in oblikovanje spletne strani. Ena izmed najpogosteje uporabljenih lastnosti in njenih vrednosti je "display: none".

Opredelitev lastnosti

Lastnost je večnamenska in določa vrsto prikaza elementov v dokumentu. Odvisno od izbrane vrednosti se lahko določen del strani po vrstnem redu prikazuje linearno, kot elementi seznama, kot del tabele itd. Tako lahko zaradi lastnosti zaslona spremenite vrsto bloka v dokumentu.

Kar se tiče "prikaz vrednosti nepremičnine: nič", vam omogoča, da odstranite element ali blok iz dokumenta. V tem primeru prostor za dani del strani ni rezerviran, to pomeni, da se izpusti iz toka. Vsi elementi, ki so za "daljinskim", jih preprosto ne vidijo in ne upoštevajo velikosti in položaja takega bloka. Za vrnitev skritega predmeta se morate sklicevati na dokument s skripti, ki preprosto spremenijo vrednost lastnosti v želeno obliko. S tem se samodejno oblikuje stran, ob upoštevanju novega predmeta na njem.

Razlika med lastnostmi zaslona in vidnostjo

Kljub dejstvu, da obe lastnosti na koncu skrivata element od uporabnika, je njihovo načelo delovanja bistveno drugačno. Kot je navedeno zgoraj, parameter "display: none" popolnoma odstrani element iz dokumenta. Blok pada s strani, tako da ne zaseda mesta v njem. V tem primeru sam objekt ostane v HTML-kodi.

Po drugi strani pa znamka "vidljivost: skrita" skrije element od uporabnika, vendar ga ne odstrani iz modela dokumenta. Tako je na strani rezerviran prostor za ta blok. To pomeni, da bo tok dokumentov zaznal in upošteval lokacijo in dimenzije elementa z lastnostmi "vidljivost: skrita" točno tako kot brez njega.

Ta razlika pri organizaciji strukture dokumentov s tema dvema lastnostima vam omogoča doseganje potrebnega rezultata za pravilen prikaz strani.

Uporaba CSS-prikaza: nič

Internetni dokument vam omogoča uporabo več možnosti za določitev lastnosti elementa. Najprej prikaz: ni mogoče registrirati v ločeni datoteki kaskadnih slogovnih listov. Ta metoda je najbolj napredna in pravilna, saj omogoča, da vse selektorje, razrede in njihove lastnosti v ločenem dokumentu. Takšen model omogoča zelo hitro iskanje in spreminjanje parametrov strani.

V naslovu dokumenta

Druga možnost je določiti sloge v glavi dokumenta med oznakami sloga. Učinkovitost te metode je veliko manj. Priporočljivo ga je uporabljati le v skrajnih primerih, saj se v prisotnosti velikega števila slogov berljivost strani s strani spletnega oblikovalca znatno poslabša. In to vodi do napak in upočasni proces razvijanja internetnega dokumenta. Ta pristop je priporočljiv samo, če dodate majhno število slogov v to oznako ali razširite dokument.

Ne smemo pozabiti, da če se ta način organiziranja slogov nahaja v spodnjem dokumentu kot uvažanje ločenega slognega lista, bodo njene značilnosti prepisale tisti, ki so v telesu html dokumenta.

Blokiraj div. Zaslon: nič

Drug način je dodati neposredno elementu elementa kode "style = display: none;". Ta pristop se pogosto uporablja pri delu z različnimi okviri, katerih namen je zmanjšati število lastnosti neposredno v slogovnem listu in jih prikazati v samem dokumentu interneta. Poleg tega se takšni zapisi pogosto pojavijo pri ogledu strani "kodni inšpektor". Pomembno je vedeti, da lahko s tem pristopom spremenite lastnost in njeno vrednost, ki sta določena v slogovnem listu. Zato bodite previdni, zato lahko sami ustvarite dodatne težave in preživite nekaj časa, ko iščete in popravite napake v kodi strani.

jаvascript

Prav tako je treba omeniti dodatno možnost spremembe te lastnine. Ne velja za slogovno in html kodo, temveč za skriptni jezik. Zato je za njeno uporabo potrebno imeti vsaj nekaj znanja na tem področju. Če želite odstraniti element iz toka dokumenta, lahko uporabite lastnost jаvascript "display = none". Omogoča vam, da spremenite strukturo dokumenta, ko pride do določenega dogodka. Prav tako lahko s pomočjo skriptov dinamično ("na leti") spremenite parameter lastnosti in tako posodobite pogled strani, ne da bi ga morali znova zagnati. Ta pristop je uporaben pri organizaciji spustnih menijev, modalnih oken in obrazcev.

SEO

Na področju optimizacije spletnih vsebin za iskalnike, obstaja veliko vraže in negotovosti. Torej, mnogi novinarki SEOShniki menijo, da je uporaba "prikaza" slabega načina. So to pojasnjujejo z dejstvom, da iskalniki videnje skrite vsebine, začeli upoštevati stran kot spam. Po njihovih besedah ​​je delež logike, vendar nič več. V tem trenutku v lasti skritih predmetov, ki se uporabljajo dovolj pogosto formatirati spustnem meniju in skrivanje delov dokumenta, ki trenutno ni v interesu uporabnika (na primer, če izberete kategorijo drugih informacij se črta). Ta pristop uporabljajo precej močni internetni portali (eden izmed njih je "Amazon"). Na ta način, iskanje robotov ne morem razmisliti o uporabi lastnosti »prikaz: nič« kot neželene vsebine.

Druga stvar je, kadar se ta pristop uporablja za skrivanje posameznih besed in simbolov. Kljub dejstvu, da zdaj iskalni roboti še nimajo popolnih algoritmov za prepoznavanje takšne »neželene vsebine« v dokumentih, je verjetnost, da bo stran ujeta na tem, precej visoka. Zato je priporočljivo, da uporabite "zaslon" lastnost izključno za namen - spremenite vrsto bloka ali začasno skrijete od uporabnikovih oči.