Koristeći svojstva CSS "display: none"

CSS (CSS) vam omogućiti da organizirati izgled i dizajn web stranice. Jedan od najčešće korištenih svojstva i vrijednosti je "display: none".

Određivanje svojstava

Sama nekretnina je višenamjenski i određuje vrstu elementa prikaza u dokumentu. Ovisno o specifičnim vrijednostima izabrana stranica se mogu prikazati blok dijela, linearno, kao popis stavki kao dio stola, i tako dalje. D. Prema tome, s obzirom na imovinu "ekran", može promijeniti tip bloka u dokumentu.

Što se tiče paket "vrijednost imovine display: none", što vam omogućuje da izbrišete stavku ili blok dokumenta. Na istom mjestu pod komad stranice nije rezervirano, što znači da ispadne iz potoka. Svi elementi koji su izvan "daljinski", jednostavno nije to vide i ignorirati veličinu i položaj jedinice. Da biste se vratili skriveni objekt, morate se odnose na dokument preko skripte koje jednostavno promijeniti vrijednost imovine na željeni format. Kada se to dogodi automatski formatirati stranica sa novog objekta na njemu.

Razlika između svojstava "display" i "vidljivost"

Uprkos činjenici da je kao rezultat oba svojstva da se sakrije stavke od korisnika, njihov princip rada je sasvim drugačija. Kao što je već gore navedeno, parametar "display: none" uklanja element iz dokumenta. Blok ispada stranice, čime se ne odvija u to. U ovom slučaju, predmet i dalje ostaje u HTML-koda.

S druge strane, imovina "vidljivost: skriveno" krije element od korisnika, ali je ne ukloni iz modela dokumenta. Dakle, strana je rezervirana mjesto u ovom bloku. To je, protok dokument će prihvatiti i uzeti u obzir lokaciju i veličinu element sa imovinom "vidljivost: skriveno" na isti način bez njega.

Ova razlika je organizacijsku strukturu dokumenta ova dva svojstva omogućava da se postigne željeni rezultat za ispravan prikaz stranice.

Koristeći CSS - display: none

Internet dokument postoji nekoliko načina da se utvrdi svojstva elementa. Prvi ekran: niko ne može se propisati u posebnoj datoteci za CSS. Ova metoda je najnapredniji i najbolji, jer vam omogućuje da sve selektora, klase i njihove imovine u posebnom dokumentu. Takav model omogućava vam da brzo pronaći i mijenjati postavke stranice.

Zaglavlje dokumenta

Drugi utjelovljenje je definiranje stilova među naslov stila dokumenta oznaka. Efikasnost ove metode je mnogo manje. Preporučuje se da se primjenjuju samo u ekstremnim slučajevima, kao što je u prisustvu velikog broja stilova čitljivost web stranica dizajner značajno pogoršava. I to dovodi do greške i usporiti proces izrade web dokumenta. Ovaj pristup se preporučuje samo u slučaju dodavanja oznaka na malom broju stilova i ispravljanje pogrešaka instrumenta.

Imajte na umu da ako se na ovaj način organizovanja stilova u dokumentu je manje nego poseban uvoz stila, preklapanje svojstva će biti prepisan od strane onih koji su u tijelo HTML dokumenta.

Blok div. Display: none

Drugi način je da se doda direktno na tag "style = display: none;" kod elementa. Ovaj pristup se često koristi kada se radi s različitim okvirima, čija je svrha - smanjenje broja funkcija direktno u stil i prikazati ih u web dokument. Osim toga, takav rekord često kada gledate "kod inspektora" stranici. Važno je imati na umu da koristi ovaj pristup, možete promijeniti imovine i vrijednosti propisanih u stila. Tako da treba biti oprezan, kao rezultat toga, možete stvoriti dodatne probleme za sebe i provesti određeno vrijeme na pronalaženje i popravljanje grešaka u kodu stranice.

JavaScript

Također je vrijedno spomenuti mogućnost daljnje promjene za ovu nekretninu. To više ne odnosi na stil i HTML-kod i programski jezik. Dakle, da se prijave potrebno je imati barem malo znanja u ovoj oblasti. U cilju otklanjanja element iz toka dokumenata, možete koristiti JavaScript imovine "display = none". To vam omogućuje da promijenite strukturu dokumenta kada određeni događaj. Također, kroz korištenje skripti da dinamički ( "on the fly") za promjenu svojstava parametara i time osvježili pogled na stranice bez potrebe da ponovo. Ovaj pristup je korisno kada organizira padajuće menije, modalni prozori i oblika.

SEO

U oblasti optimizacije web sadržaj za tražilice, postoje mnogi sujeverja i nesigurnosti. Dakle, mnogi početnici SEO razmotriti korištenje imovine "ekran" loši maniri. Oni to objašnjavaju činjenicom da tražilice vide skriveni sadržaj, počnite da razmotre stranici kao spam. U njihovim riječima, postoji neka logika, ali ne mnogo više. U ovom trenutku u vlasništvu skrivene objekte koristi dovoljno često za formatiranje padajući meni i sakrije dijelove dokumenta, koji trenutno nije u interesu korisnika (na primjer, kada izaberete kategoriju ostale informacije se brišu). Ovaj pristup koristi dovoljno snažan internet portalima (jedan od njih - "Amazon"). Dakle, pauci tražilica ne može uzeti u obzir korištenje imovine "display: none" spam.

Još jedna stvar, kada se ovaj pristup koji se koristi za skrivanje pojedinačnih riječi i slova. Unatoč činjenici da je sada pauci tražilice još uvijek nemaju savršen prepoznavanje takvih "spam" algoritmi u dokumentima, verovatnoća da će strani biti uhvaćen u ovom, je prilično visok. Stoga se preporučuje da koristite "ekran" imovina je strogo po svojoj svrsi - za promjenu tipa bloka ili privremeno sakriti od očiju korisnika.