CSS-i vara kasutamine "display: none"

Cascading style sheets (CSS) võimaldab teil korraldada veebilehe välimust ja kujundust. Üks kõige sagedamini kasutatavatest omadustest ja selle väärtustest on "displei: pole".

Kinnisvara määratlus

Kinnisvara on mitmeotstarbeline ja määrab dokumendi elementide kuvamise tüübi. Sõltuvalt valitud väärtusest võib konkreetse lehe osa kuvada plokkide kaupa, lineaarselt, loendiüksustena tabeli osana jne. Nii saab "displei" omaduse abil muuta dokumendi ploki tüüpi.

Mis puutub paketi "vara väärtuse kuva: mitte" hulka, siis see võimaldab teil dokumendist elementi või plokki eemaldada. Sellisel juhul ei jäta selle leheosa ruumi reserveeritud, st see voolab väljapoole. Kõik elemendid, mis on "kaugside" taga, lihtsalt ei näe seda ja ignoreerivad sellise ploki suurust ja asukohta. Varjatud objekti tagastamiseks peate dokumendile viitama skriptide abil, mis lihtsalt muudavad kinnisvara väärtust nõutavale vormingule. See vormindab lehte uue objektiga automaatselt.

Erinevus "kuvamise" ja "nähtavuse" omaduste vahel

Hoolimata asjaolust, et lõpuks mõlemad omadused varjata elementi kasutajalt, on nende tööpõhimõte oluliselt erinev. Nagu eespool mainitud, eemaldab parameeter "display: none" teksti element täielikult. Blokk langeb lehelt välja ja ei asu selles kohas. Sellisel juhul jääb objekt end HTML-koodi.

Omakorda peidab vara nähtavuse varjatud element kasutaja, kuid ei eemalda seda dokumendimudelist. Seega on lehel selle ploki reserveeritud koht. See tähendab, et dokument voog tajub ja võtab arvesse elemendi asukohta ja mõõtmeid nähtavusega: peidetud vara täpselt nagu ilma selleta.

See erinevus dokumendistruktuuri korraldamisel nende kahe omadusega võimaldab teil saavutada vajaliku tulemuse lehe korrektseks kuvamiseks.

CSS-i kasutamine - displei: pole

Interneti-dokument võimaldab teil kasutada elementide omaduste määramiseks mitut võimalust. Kõigepealt kuvatakse: ükski ei saa registreerida kaskaaditavate stiililehtede eraldi failina. See meetod on kõige täpsem ja õige, kuna see võimaldab teil teha kõik valijad, klassid ja nende omadused eraldi dokumendis. Selline mudel võimaldab lehe parameetreid väga kiiresti leida ja muuta.

Dokumendi pealkirjas

Teine võimalus on määratleda dokumendi päises olevad stiilid stiili sildidena. Selle meetodi tõhusus on palju väiksem. Soovitatav on seda kasutada ainult äärmuslikel juhtudel, kuna veebi disainer lehe loetavust oluliselt halvendab paljude stiilide juuresolekul. See toob kaasa vead ja aeglustab Interneti-dokumendi väljatöötamise protsessi. Seda lähenemist on soovitatav kasutada ainult siis, kui lisate sellele märgendile väikese hulga stiile või tõrketeta dokumenti.

Tuleks meeles pidada, et kui see stiilide korraldamise viis asub allpool dokumendis kui eraldi laadilehe importimine, siis kirjutavad ristuvad omadused nendega, mis on html-dokumendi kehas.

Block div. Kuva: pole

Teine võimalus on lisada koodi elemendi "style = display: none;" elemendile otse. Seda lähenemist kasutatakse tihti mitmesuguste raamistikega töötamisel, mille eesmärk on omaduste arvu vähendamine otse stiililehtedes ja näidata neid interneti dokumendis endas. Lisaks ilmub selline rekord tihti lehe "koodinspektori" vaatamisel. Oluline on meeles pidada, et selle lähenemisviisi abil saate muuta omadust ja selle väärtust, mis on toodud stiililehel. Seetõttu peate olema ettevaatlik, selle tagajärjel saate luua lisaprobleeme ja veeta mõnda aega lehe koodi vigade otsimisel ja parandamisel.

JavaScript

Samuti tasub mainida selle vara muutmise lisavõimalust. See ei kehti stiililehe ja html-koodi, vaid skriptikeele jaoks. Seepärast on selle valdkonna jaoks vaja vähemalt teatud teadmisi. Elemendi eemaldamiseks dokumendivoogust saad kasutada JavaScripti omadust "display = none". See võimaldab teil teatud dokumendi struktuuri muuta teatud sündmuse toimumise ajal. Samuti võimaldab tänu skriptide kasutamisele dünaamiliselt ("lennata") muuta varade parameetrit ja seeläbi uuendada lehe kuva, ilma et peaksite seda uuesti käivitada. See lähenemine on kasulik rippmenüüde, modaalakendite ja vormide korraldamisel.

SEO

Otsingumootorite veebisisu optimeerimise valdkonnas on palju ebaselgeid ja ebaselgeid punkte. Nii et paljud algajad SEOShniki arvavad, et kuva vara on halb. Nad selgitavad seda asjaolu tõttu, et otsingumootorid, nähes peidetud sisu, hakkavad lugema lehte rämpspostina. Nende sõnade kohaselt on loogika osa, kuid mitte midagi muud. Sel hetkel kasutatakse objekti varjamise vara piisavalt tihti, et vormindada rippmenüüsid ja peita dokumendi osad, mis pole kasutaja jaoks praegu huvipakkuvad (näiteks kui üks kategooria on valitud, kustutatakse teave teise kohta). Seda lähenemist kasutavad suhteliselt võimsad Internetiportaalid (üks neist on "Amazon"). Seega ei pruugi otsingrobotid kasutada rämpspostiga vara "display: none".

Teine asi on see, kui seda lähenemist kasutatakse üksikute sõnade ja sümbolite peitmiseks. Hoolimata asjaolust, et otsingrobotil ei ole dokumentides ikka veel selliseid rämpsposti tuvastamiseks sobivaid algoritme, on tõenäosus, et leht leiab seda, üsna kõrge. Seepärast on soovitatav kasutada "ekraani" vara ainult selleks otstarbeks - blokeeringu tüübi muutmiseks või selle ajutiseks peitmiseks kasutaja silmast.