Koristeći svojstva CSS „display: none”

Cascading Style Sheets (CSS) omogućuju vam da organizirate izgled i dizajn web stranice. Jedno od svojstava najčešće korišten i njegovih vrijednosti je „display: none”.

Određivanje svojstava

Sama nekretnina je višenamjenski i određuje vrstu elementa zaslona u dokumentu. Ovisno o specifičnim vrijednostima odabrana stranica se mogu prikazati blok dio, linearno, što je popis predmeta kao dio stola, i tako dalje. D. Dakle, s obzirom na imovinu „zaslon”, možete promijeniti tip bloka u dokumentu.

Što se tiče „vrijednosti nekretnine display: none” bala, što vam omogućuje da izbrisati stavke ili blok dokumenta. Na istom mjestu pod komad stranici nije rezervirana, što znači da ispadne iz potoka. Svi elementi koji su izvan „daljinski”, jednostavno ne vidi i ignorirati veličinu i položaj jedinice. Za povratak skriveni objekt, mora se odnositi na dokument preko skripte da jednostavno promijenite vrijednost nekretnina na željeni format. Kada se to dogodi automatski formatirati stranicu s novim objektom na njemu.

Razlika između svojstva „zaslona” i „vidljivost”

Unatoč činjenici da je kao rezultat oba svojstva za sakriti stavke od korisnika, njihov princip rada je sasvim drugačija. Kao što je već spomenuto, parametar „display: none” uklanja element iz dokumenta. Blok ispadne stranice, čime se ne odvijaju u njemu. U tom slučaju, predmet i dalje ostaje u HTML-koda.

S druge strane, vlasništvo „visibility: hidden” skriva element od korisnika, ali ga ne ukloni iz modela dokumenta. Dakle, stranica je rezervirano mjesto u tom bloku. To je, protok dokument će prihvatiti i uzeti u obzir položaj i veličinu elementa s nekretninama „visibility: hidden” točno na isti način bez njega.

Ova razlika je organizacijska struktura dokumenta ova dva svojstva što ga čini moguće postići željeni rezultat za ispravan prikaz stranice.

Korištenje CSS - display: none

Internet dokument postoji nekoliko načina za određivanje svojstava elementa. Prvi zaslon: Nitko ne može biti propisana u posebnoj datoteci za Cascading Style Sheets. Ova metoda je najnapredniji i najbolji, jer vam omogućuje da napravite sve birače, klase i njihova svojstva u posebnom dokumentu. Takav model omogućuje da brzo pronaći i mijenjati postavke stranice.

Zaglavlje dokumenta

Druga izvedba je definirati stilove među naslov dokumenta stil oznake. Učinkovitost ove metode je mnogo manje. Preporučuje se primjenjivati samo u ekstremnim slučajevima, kao što je u prisustvu velikog broja stilova čitljivost web stranice dizajnera značajno pogoršava. A to dovodi do pogrešaka i usporiti proces razvoja web dokument. Ovaj pristup preporuča se samo u slučaju dodavanja oznake na malom broju stilova i ispravljanje pogrešaka instrumenta.

Imajte na umu da ako ovaj način organiziranja stilova u dokumentu je manje od zasebnom uvoz stil listova, preklapaju svojstva će biti prepisan od strane onih koji su u tijelu HTML dokumenta.

Blok div. Display: none

Drugi način je da se izravno dodati oznaku „style = display: none;” elementu koda. Ovaj pristup se često koristi pri radu s različitim okvirima, svrha koje - smanjenje broja značajki izravno u stilovima i prikazati ih u web dokumenta. Osim toga, takav zapis je često prilikom gledanja stranica „kod inspektora”. Važno je zapamtiti da koristite ovaj pristup, možete promijeniti imovine i vrijednosti propisane u stilovima. Tako da treba biti oprezan, kao rezultat toga, možete stvoriti dodatne probleme za sebe i provesti neko vrijeme na pronalaženje i ispravljanju pogrešaka u kodu stranice.

JavaScript

Također je vrijedno spomenuti i mogućnost daljnjih promjena u ovom objektu. To se više ne odnosi na stilovima i HTML-koda i skriptni jezik. Dakle, da se prijave potrebno je imati barem neko znanje na tom području. Kako bi se uklonili element iz toka dokumenata, možete koristiti svojstvo JavaScript „display = none”. To vam omogućuje da promijenite strukturu dokumenta, kada određeni događaj. Također, kroz korištenje skripti za dinamičko ( „u letu”) za promjenu svojstava parametara i time osvježiti pregled stranice bez reload. Ovaj pristup je koristan pri organizaciji padajućih izbornika, modalni prozori i oblika.

SEO

U području optimiziranja web sadržaja za tražilice, postoji mnogo praznovjerja i neizvjesnosti. Dakle, mnogi početnici SEO razmotriti korištenje svojstava „Display” loše ponašanje. Objašnjavaju to činjenicom da tražilice vide skriveni sadržaj, početi razmatrati stranicu kao spam. U svojim riječima, ima neke logike, ali nije puno ostalo. U ovom trenutku vlasništvo skrivenih objekata koristi dovoljno često za oblikovanje padajući izbornik i sakriti sve dijelove dokumenta, koji trenutno nije u interesu korisnika (na primjer, kada odaberete kategoriju drugih informacija se briše). Ovaj pristup koristi dovoljno snažan internet portalima (jedan od njih - „Amazon”). Dakle, tražilice spiders ne može uzeti u obzir korištenje imovine „display: none” spam.

Još jedna stvar, kada je ovaj pristup se koristi za skrivanje pojedinih riječi i znakove. 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 se preporučuje da koriste svojstvo „display” strogo za namjeravanu svrhu - kako promijeniti vrstu bloka ili privremeno sakriti od očiju korisnika.