Uporaba lastnosti CSS "display: none"

Cascading Style Sheets (CSS), vam omogočajo, da organizirajo videz in oblikovanje spletne strani. Ena izmed najpogosteje uporabljenih lastnosti in njenih vrednot je "zaslon: nič".

Določevanje lastnosti

Sama nepremičnina je večnamenska in določa vrsto zaslona element v dokumentu. Glede na posebne vrednosti, izbrane strani mogoče prikazati blok del, linearno, kot seznam predmetov, kot del tabele, in tako naprej. D. Tako, zaradi premoženja "zaslon", lahko spremenite vrsto bloka v dokumentu.

Kot je za sveženj "vrednost premoženja display: none«, vam omogoča, da izbrišete predmet ali blok dokumenta. Na istem mestu pod kos strani ni rezervirana, kar pomeni, da pade ven iz toka. Vsi elementi, ki so zunaj "daljinsko", preprosto ga niso videli in prezreti velikost in položaj enote. Če se želite vrniti skriti predmet, morate sklicevati na dokument, s pomočjo skripte, ki preprosto spremenijo vrednost nepremičnin v želeno obliko. Ko se to zgodi samodejno format stran z novim predmetom na njej.

Razlika med "zaslon" lastnosti in "prepoznavnosti"

Kljub temu, da je kot posledica obeh lastnosti za skrivanje predmetov iz uporabnika, njihov princip delovanja je precej drugačna. Kot je bilo že omenjeno, je parameter "zaslon: none" odstrani element iz dokumenta. Blok pade ven iz zaslona, s čimer se ne dogaja v njej. V tem primeru je objekt še vedno v HTML-kodo.

Po drugi strani pa je lastnina "visibility: hidden" skrije element od uporabnika, vendar ga ne odstranite iz modela dokumenta. Tako je stran rezervirano mesto v tem bloku. To pomeni, da tok Dokument bo sprejeti in upoštevati položaj in velikost elementa z lastnino "prepoznavnosti: skrita" na povsem enak način, brez njega.

Ta razlika je struktura organizacija dokumenta ti dve lastnosti, zaradi česar je mogoče doseči želenega rezultata za pravilen prikaz strani.

Uporaba CSS - zaslon: noben

Internet dokument obstaja več načinov za določanje lastnosti elementa. Prvi zaslon: nihče se lahko predpiše v ločeni datoteki za Cascading Style Sheets. Ta metoda je najbolj napredna in najboljša, saj vam omogoča, da vse selektorje, razrede in njihove lastnosti v ločenem dokumentu. Tak model omogoča hitro iskanje in spreminjanje nastavitev strani.

V glavi dokumenta

Druga izvedba je opredeliti sloge med naslovu oznake na slog dokument. Učinkovitost te metode je veliko manj. Priporočljivo je, da se uporablja samo v skrajnih primerih, kot je v prisotnosti velikega števila stilov berljivost spletnih straneh oblikovalec bistveno poslabša. In to vodi do napak in upočasni proces razvija spletni dokument. Ta pristop se priporoča samo v primeru dodajanja oznako majhnega števila stilov ali debugging instrumenta.

Imejte v mislih, da če je ta način organiziranja sloge v dokumentu manj kot ločen uvoz slog stanja, prekrivajočih se lastnosti prepiše tiste, ki so v telesu html dokumenta.

Block div. Zaslon: nihče

Drug način je, da neposredno prispevajo k oznaki "style = display: none;" koda element. Ta pristop se pogosto uporablja pri delu z različnimi okviri, katerega namen - zmanjšanje števila funkcij neposredno v slogi in jih prikazati v spletnem dokumentu. Poleg tega tak zapis je pogosto pri gledanju "Koda inšpektorji" stran. Pomembno je vedeti, da z uporabo tega pristopa, lahko spremenite lastnosti in vrednosti, predpisane v slogi. Torej bi morali biti previdni, kot rezultat, lahko ustvarite dodatne težave za sebe in preživite nekaj časa v iskanju in odpravljanju napak v kodo strani.

JavaScript

Prav tako je treba omeniti možnost nadaljnjih sprememb na to nepremičnino. To ni več sklicuje na slogovne in html kode in skriptni jezik. Zato, da se uporabljajo, da je treba imeti vsaj nekaj znanja na tem področju. Da bi odstranili elementa iz toka dokumentov, lahko uporabite lastnost JavaScript "display = none". To vam omogoča, da spremenite strukturo dokumenta, ko določen dogodek. Prav tako, z uporabo skripte za dinamično ( "na letenje"), da spremenite lastnosti parametrov in s tem osvežite pogled na stran, ne da bi ponovno naložiti. Ta pristop je uporaben pri organizaciji drop-down menijev, modal okna in oblik.

SEO

Na področju optimizacije spletnih vsebin za iskalnike, obstaja veliko vraže in negotovosti. Torej, veliko novic SEO razmisliti o uporabi lastnosti "display" nevljudna. So to pojasnjujejo z dejstvom, da iskalniki videnje skrite vsebine, začeli upoštevati stran kot spam. V svojih besedah, da je nekaj logike, vendar ne veliko drugega. 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 uporablja dovolj zmogljiva internetnih portalov (eno izmed njih - "Amazon"). Tako iskalnik pajki ne morejo upoštevati uporabo lastnine "display: none" spam.

Še ena stvar, ko se ta pristop uporablja za skrivanje posameznih besed in znakov. Kljub temu, da je sedaj iskalnik pajki še niso imeli popolno priznavanje takšnih "spam" algoritmov v dokumentih, je verjetnost, da se bo stran ujete v to, je precej visoka. Zato je priporočljivo, da uporabite "zaslon" Lastnina je nujno za predvideni namen - da spremenite vrsto bloka ali začasno skriti pred očmi uporabnika.