Cascading Style Sheets (CSS) hjelper deg med å organisere utseendet på nettsiden din. En av de mest brukte egenskapene og verdiene er "display: none".
Selve eiendommen er multifunksjonell og definerertypen visning av elementet i dokumentet. Avhengig av valgt verdi, kan en viss del av siden vises i blokker, lineært, som listeelementer, som en del av en tabell osv. Dermed, takket være "display" -egenskapen, kan du endre typen av selve blokken i dokumentet.
Når det gjelder skjermens eiendomsverdi-binding: none ", så lar det deg fjerne et element eller en blokk fra dokumentet. Samtidig er ikke plass til denne delen av siden reservert, det vil si at den faller ut av strømmen. Alle elementene som ligger bak" slettet "ser rett og slett ikke den og ignorerer størrelsen og plasseringen av slike For å returnere et skjult objekt, må du få tilgang til dokumentet gjennom skript som bare vil endre eiendomsverdien til ønsket format, som automatisk vil formatere siden basert på det nye objektet på den.
Til tross for at begge eiendommer til slutt skjuler segelement fra brukeren, er deres driftsprinsipp vesentlig annerledes. Som nevnt ovenfor fjerner parameteren "display: none" elementet fullstendig fra dokumentet. Blokken faller ut av siden og tar dermed ikke plass i den. Imidlertid forblir selve objektet i HTML-koden som før.
I sin tur "synlighet: skjult "skjuler elementet fra brukeren, men fjerner det ikke fra dokumentmodellen. Dermed forblir siden reservert for denne blokken. Det vil si at dokumentflyten vil oppfatte og ta hensyn til plasseringen og størrelsen på elementet med" synlighet: skjult "-egenskapen på nøyaktig samme måte, så vel som uten den.
En slik forskjell i organiseringen av dokumentstrukturen med disse to egenskapene gjør at du kan oppnå det nødvendige resultatet for riktig visning av siden.
Internett-dokument lar deg brukeflere alternativer for å definere elementegenskaper. Først av alt, vis: ingen kan skrives i en egen cascading stilarkfil. Denne metoden er den mest avanserte og riktige siden den lar deg flytte alle velgere, klasser og deres egenskaper til et eget dokument. En slik modell gjør det mulig å raskt finne og endre sideparametere.
Det andre alternativet er å definere stiler ihodet på dokumentet mellom stilkodene. Effektiviteten av denne metoden er mye mindre. Det anbefales å bruke den bare som en siste utvei, siden i nærvær av et stort antall stiler, er leseligheten av siden av webdesigneren betydelig svekket. Dette fører til feil og bremser prosessen med å utvikle et internettdokument. Denne tilnærmingen anbefales bare når du legger til et lite antall stiler i denne koden eller for feilsøking av et dokument.
Det bør huskes at hvis denne metodenHvis organiseringen av stiler er plassert i dokumentet som er lavere enn importen av et eget stilark, vil de kryssende egenskapene bli overskrevet av de i html-dokumentets brødtekst.
En annen måte er å legge tildirekte inn i "style = display: none;" kodeelementet. Denne tilnærmingen brukes ofte når du arbeider med forskjellige rammer, hvis formål er å redusere antall egenskaper direkte i stilarket og vise dem i selve internettdokumentet. I tillegg opptrer denne oppføringen ofte når "kodeinspektøren" viser siden. Det er viktig å huske at ved å bruke denne tilnærmingen kan du endre eiendommen og dens verdi som skrevet i stilarket. Derfor bør du være forsiktig, da du til slutt kan skape flere problemer for deg selv og bruke litt tid på å finne og fikse en feil i sidekoden.
Det er også verdt å nevne det ekstramuligheten for å endre denne eiendommen. Det refererer ikke lenger til stilarket og html-koden, men til skriptspråket. Derfor, for å bruke den, må du ha i det minste litt kunnskap på dette området. For å fjerne et element fra dokumentflyten, kan du bruke JavaScript-egenskapen "display = none". Det lar deg endre strukturen i dokumentet når en bestemt hendelse inntreffer. Takket være bruken av skript kan du også endre egenskapsparameter dynamisk ("i farta") og derved oppdatere sidevisningen uten å måtte laste den inn på nytt. Denne tilnærmingen er nyttig for å organisere rullegardinmenyer, modeller og skjemaer.
Innen optimalisering av nettinnhold for søkemotorermaskin er det mange overtro og uklarheter. For eksempel, mange ambisiøse SEO-er vurderer å bruke "display" -egenskapene dårlige manerer. De forklarer dette ved at søkemotorer, når de ser skjult innhold, begynner å betrakte siden som spam. Det er noe logikk i ordene deres, men ingenting mer. På dette tidspunktet brukes objektet som skjuler ganske ofte til å formatere rullegardinmenyer og skjule deler av dokumentet som for øyeblikket ikke er av interesse for brukeren (for eksempel når en kategori er valgt, blir informasjon om andre slettet). Denne tilnærmingen brukes av ganske kraftige internettportaler (en av dem er "Amazon"). Dermed kan søkemotor-crawlere ikke vurdere å bruke "display: none" -egenskapen som spam.
Det er en annen sak når denne tilnærmingen brukes tilskjule enkeltord og symboler. Til tross for at nå søkeroboter ennå ikke har perfekte algoritmer for å gjenkjenne slik "spam" i dokumenter, er sannsynligheten for at siden blir fanget på dette ganske høy. Derfor anbefales det å bruke egenskapen "display" strengt for det tiltenkte formålet - for å endre blokkeringstypen eller skjule den midlertidig for brukerens øyne.
