Korištenje CSS svojstva "display: none"

Kaskadni stilski listovi (CSS) omogućuju vam organiziranje izgleda i dizajna internetske stranice. Jedno od najčešće korištenih svojstava i njegovih vrijednosti je "display: none".

Definicija svojstava

Sam objekt je višenamjenski i definiravrstu prikaza elemenata u dokumentu. Ovisno o odabranoj vrijednosti, određeni dio stranice može se prikazati line-by-line, linearno, kao stavke popisa, kao dio tablice itd. Zahvaljujući "display" imenu, možete promijeniti vrstu bloka u dokumentu.

Što se tiče paketa "vrijednost svojstva-vrijednosti: none „što vam omogućuje da izbrisati stavke ili blok papira. Na istom mjestu u komadu stranici nije rezervirana, što znači da ispadne iz potoka. Svi elementi koji su iza” daljinski”, jednostavno ne vidi i ignorirati veličinu i položaj kao jedinica. da se vrate skriveni objekt, mora se odnositi na dokument preko skripte da jednostavno promijenite vrijednost svojstva u željenom formatu. to će automatski formatirati stranicu s novim objektom na njemu.

Razlika između svojstava "prikaza" i "vidljivosti"

Unatoč činjenici da se na kraju, obje svojstva skrivajuelemenata od korisnika, njihovo načelo rada značajno se razlikuje. Kao što je gore spomenuto, parametar "display: none" u potpunosti uklanja element iz dokumenta. Blok pada iz stranice, tako da ne zauzima mjesto u njemu. U tom slučaju, objekt se i dalje nalazi u HTML kodu.

S druge strane, svojstvo "vidljivost: skriveni „skriva element od korisnika, ali ga ne ukloni iz modela dokumenata Dakle, stranica je rezervirano mjesto u bloku Drugim riječima, protok dokument će prihvatiti i uzeti u obzir položaj i veličinu, što je element s imovinom ..” visibility: hidden „potpuno isti, kao i bez nje.

Ova razlika u organizaciji strukture dokumenta s tim dvjema svojstvima omogućuje postizanje potrebnog rezultata za ispravan prikaz stranice.

Korištenje CSS-zaslona: none

Internetski dokument omogućuje vam upotrebunekoliko opcija za određivanje entiteta elementa. Prvo prikazano: nitko se ne može registrirati u zasebnoj datoteci kaskadnih stilskih listova. Ova je metoda najnaprednija i ispravnija jer omogućuje prikaz svih odabira, klasa i njihovih svojstava u zasebnom dokumentu. Takav model omogućava vrlo brzo pronalaženje i promjenu parametara stranice.

U naslovu dokumenta

Druga je mogućnost definirati stilove unaslov dokumenta između stila. Učinkovitost ove metode je znatno manje. Preporuča se da ga koristite samo u ekstremnim slučajevima, jer u prisutnosti velikog broja stilova, čitljivost stranice od strane web dizajera značajno se pogoršava. A to dovodi do pogrešaka i usporava proces izrade internetskog dokumenta. Ovaj se pristup preporučuje samo ako dodate mali broj stilova na ovu oznaku ili ispravite dokument.

Treba imati na umu da je takva metodaorganizacija stilova nalazi se u dokumentu niže nego uvoz zasebnog listova stila, a zatim će se intersektirajuća svojstva prepisati onima koji su u tijelu HTML dokumenta.

Blok div. Zaslon: nema

Drugi je način dodavanjaizravno u element elementa koda "style = display: none;". Ovaj se pristup često koristi kada radite s različitim okvirima čija je svrha smanjenje broja svojstava izravno u listi stila i prikazati ih samim internetskim dokumentom. Osim toga, takav zapis se često pojavljuje prilikom pregledavanja stranice "inspektor kodova". Važno je zapamtiti da pomoću ovog pristupa možete promijeniti svojstvo i vrijednost navedenu u listi stila. Stoga trebate biti oprezni, stoga možete sami stvoriti dodatne probleme i provesti neko vrijeme u potrazi za pogreškom i popravljanjem koda stranice.

JavaScript

Također je vrijedno spomenuti dodatnemogućnost promjene ove imovine. Ne odnosi se na stilski i html kod, već na jezik skriptiranja. Stoga je za njegovu primjenu potrebno imati barem neko znanje na ovom području. Da biste uklonili element iz tokova dokumenata, možete upotrijebiti JavaScript svojstvo "display = none". Omogućuje promjenu strukture dokumenta kada se dogodi određeni događaj. Također, zahvaljujući korištenju skripti, možete dinamički ("na letu") promijeniti parametar entiteta i time ažurirati prikaz stranice bez ponovnog pokretanja. Ovaj pristup je koristan u organizaciji padajućih izbornika, modalnih prozora i oblika.

SEO

U području optimiziranja web sadržaja za pretraživanjepostoje mnoge praznovjerje i nejasne trenutke. Dakle, mnogi novak SEOShniki razmotriti korištenje "display" imovine loš način. Oni to objašnjavaju činjenicom da tražilice, gledajući skriveni sadržaj, počnu razmotriti stranicu kao neželjenu poštu. U njihovim riječima postoji dio logike, ali ništa više. U ovom trenutku, objekt sakrivanja objekta često se koristi za oblikovanje padajućih izbornika i skrivanje dijelova dokumenta koji trenutačno nisu zanimljivi korisniku (na primjer, ako je jedna kategorija odabrana, podaci o drugoj brišu). Ovaj pristup koriste vrlo moćni internetski portali (jedan od njih je "Amazon"). Stoga roboti za pretraživanje ne mogu uzeti u obzir upotrebu svojstva "display: none" kao neželjenog sadržaja.

Druga stvar je kada se koristi takav pristupskrivajući pojedinačne riječi i simbole. Unatoč činjenici da je sada tražilice spiders još nemate savršeno prepoznavanje takvih „spam” algoritama u dokumentima, vjerojatnost da će stranica biti uhvaćen u tome je prilično visoka. Stoga je preporučljivo koristiti "prikaz" svojstvo isključivo u tu svrhu - promijeniti vrstu bloka ili ga privremeno sakriti od očiju korisnika.