Mei help fan de eigenskippen fan de CSS "werjefte: none"

Cascadearjende stylblêden (CSS) tastean jo te oarderje it uterlik en foarmjouwing fan de webside. Ien fan de meast brûkte eigenskippen en syn wearden is "display: none".

Fêststellen fan eigenskippen

It pân sels is in multy-doel en bepaalt it type fan it skerm elemint yn it dokumint. Ôfhinklik fan de spesifike wearden selektearre side werjûn wurde kin it blok diel, karel, as in list fan items yn it ramt fan 'e tafel, ensafuorthinne. D. Sa, fanwege it besit fan "werjefte", kin feroarje it type fan' e blok yn it dokumint.

As foar de bondel "wearde fan it ûnreplik werjefte: none", dan kinne jo om te wiskjen in item of in blok fan it dokumint. Op itselde plak ûnder it stikje side wurdt net reservearre, wat betsjut dat it falt út 'e stream. Alle eleminten dy't foarby de "ôfstân", gewoan net it sjen en negearje grutte en posysje fan it tastel. Om werom in ferburgen foarwerp, moatte jo ferwize nei it dokumint fia skripts dy't gewoan feroarje de wearde fan 'e eigenskippen nei de winske opmaak. As dit bart automatysk de opmaak fan de side mei de nije foarwerp derop.

It ferskil tusken de eigenskippen "werjefte" en "sichtberens"

Nettsjinsteande it feit dat as gefolch fan beide eigenskippen te ferbergjen items út de brûker, har prinsipe fan de operaasje is hiel oars. Sa't al neamd boppe, de parameter "werjefte: none" smyt it elemint fan it dokumint. It blok falt út fan de side, dus net nimme plak yn it. Yn dit gefal, it foarwerp noch bliuwt yn de HTML-koade.

Yn beurt, de eigenskip "sichtberens: ferstoppe" ferberget de elemint fan de brûker, mar net forlizzen fen it dokumint model. Sa, de side is reservearre in plak yn dit blok. Dat is, it dokumint stream sil oannimme en rekken de lokaasje en de grutte fan in elemint mei eigendom "sichtberens: ferstoppe" presys deselde wize sûnder it.

Dit ferskil is de organisaasje struktuer fan it dokumint dy twa eigenskippen makket it mooglik om te kommen ta it winske resultaat foar de krekte side skerm.

Mei help fan CSS - display: none

Ynternet dokumint binne der ferskate manieren om te bepalen de eigenskippen fan it elemint. De earste display: none kin foarskreaun yn in aparte triem foar Cascading Style Sheets. Dizze metoade is it meast avansearre en de beste, sa't it makket it mooglik om alle selectors, klassen en harren eigenskippen yn in apart dokumint. Sa'n model kinne jo fluch finen en feroarjen fan side ynstellings.

It dokumint header

De twadde útfiering is om te bepalen stilen ûnder de titel fan it dokumint styl tags. De effektiviteit fan dizze metoade is folle minder. It is oan te rieden om te jilde allinnich yn ekstreme gefallen, lykas yn 'e oanwêzigens fan in grut oantal stilen lêsberens fan websiden ûntwerper verslechtert gâns. En dit liedt ta flaters en remmen it proses fan it ûntwikkeljen fan in web dokumint. Dy oanpak wurdt allinne rekommandearre yn it gefal fan it tafoegjen fan de tag nei in lyts oantal stilen of by it neirinnen ynstrumint.

Hâld der rekken mei dat as dizze wize fan organisearjen fan stilen yn it dokumint is minder as in apart stylblêd is ymport, de überlappend eigenskippen sille wurde oerskreaun troch dyjingen dy't yn it lichem fan it dokumint html.

Block div. Display: none

In oare manier is om te foegjen streekrjocht nei de tag "style = display: none;" koade elemint. Dy oanpak wurdt faak brûkt as wurkjen mei ferskate ramten, it doel fan dat - it ferminderjen fan it oantal funksjes direkt yn de stylblêd en sjen litte se yn 'e web dokumint. Dêrneist sa'n rekôr is faak as watching "koade ynspekteurs" side. It is fan belang om te ûnthâlden dat it brûken fan dizze oanpak, kinne jo feroarje de eigendom en wearde foarskreaun yn de stylblêd. Sa kinne moat der om tinke, as gefolch, dan kinne oanmeitsje ekstra problemen foar harsels en besteegje in skoft op it finen en flaters te oerbetterjen yn de side koade.

JavaSkript

It is ek it neamen wurdich de mooglikheid fan fierdere feroarings yn dizze eigendom. It ferwiist net mear oan it stylblêd en it HTML-koade en in skripttaal. Dêrom, om te passen is it nedich te hawwen op syn minst wat kennis op dat mêd. Om te ferwiderjen it elemint fan it dokumint stream, kinne jo gebrûk meitsje fan in JavaSkript eigenskip "werjefte = gjint". It makket it mooglik om te feroarjen de struktuer fan it dokumint doe't in bepaalde evenemint. Ek troch it brûken fan skripts om dynamysk ( "op de fly") te feroarjen de parameter eigenskippen en dêrmei ferfarskje it sicht fan de side sûnder te ferfarskjen. Dizze oanpak is handich as it organisearjen dellûk menu, modale ruten en formulieren.

SEO

Op it mêd fan it optimalisearjen web ynhâld foar sykmasines, der binne in soad byleauwe en ûnwissichheden. Dus, in soad begjinnende SEOs beskôgje it brûken fan 'e eigenskippen "werjefte" minne manieren. Se ferklearje dat troch it feit dat sykmasines sjen de ferburgen ynhâld, begjinne te beskôgje de side as spam. Yn hjar wirden, der is wat logika, mar net folle oars. Op dit punt op 'e tiid it eigendom fan ferburgen objekten brûkt faak genôch foar de opmaak fan it dellûk menu en ferside de dielen fan it dokumint, dat is op dit stuit net fan belang foar de brûker (bygelyks, as jo selektearje in kategory fan oare ynformaasje wurdt fuortsmiten). Dizze oanpak brûkt in foldwaande machtich ynternet portalen (ien fan har - it "Amazon"). Sa, sykmasine spinnen kinne net beskôgje it brûken fan eigendom "werjefte: none" spam.

In oar ding, doe't dizze oanpak wurdt brûkt om te ferbergjen yndividuele wurden en personaazjes. Nettsjinsteande it feit dat no de sykmasine spinnen net noch hawwe perfekte erkenning fan sokke "ûnpost" algoritmen yn 'e dokuminten, de kâns dat side wurdt fongen yn dit, is frij heech. Dêrom is it rekommandearre om de eigenskip "werjefte" is strang foar syn beëage doel - te feroarjen it type fan blok of tydlik ferbergje út 'e eagen fan de brûker.