Bruke CSS-egenskapen "display: none"

Cascading Style Sheets (CSS) lar deg organisere utseendet og utformingen av nettsiden. En av de mest brukte egenskapene og dens verdier er "display: none".

Eiendomsdefinisjon

Eiendommen selv er multi-purpose og definerertypen elementvisning i dokumentet. Avhengig av den valgte verdien kan en bestemt del av siden vises blokkert for linje, lineært, som listeposter, som en del av et bord osv. På grunn av egenskapen "display" kan du endre typen av blokken i dokumentet.

Når det gjelder bunten "egenskapsverdisvisning: ingen "det kan du slette et element eller en blokk med papir. På samme sted under stykke siden ikke er reservert, noe som betyr at det faller ut av bekken. Alle elementene som er bak" eksterne", rett og slett ikke se det og ignorere størrelse og plassering av et slikt enhet. å returnere et skjult objekt, må du referere til dokumentet via skript som rett og slett endre verdien av eiendommene til ønsket format. dette vil automatisk formatere siden med det nye objektet på den.

Forskjellen mellom egenskapene "display" og "synlighet"

Til tross for at begge eiendommene til slutt skjulerelement fra brukeren, deres operasjon prinsipp er betydelig forskjellig. Som nevnt ovenfor fjerner parameteren "display: none" helt elementet fra dokumentet. Blokken faller ut av siden, og opptar dermed ikke et sted i den. I dette tilfellet forblir gjenstanden i HTML-koden.

I sin tur er eiendommen "synlighet: skjult "skjuler element fra brukeren, men fjerner ikke den fra dokumentet modellen Dermed siden er reservert et sted i blokken Med andre ord, dokumentflyt vil akseptere og vurdere plasseringen og størrelsen elementet med eiendommen .." visibility: hidden "akkurat det samme, så vel som uten det.

Denne forskjellen i organisasjonen av dokumentstrukturen med disse to egenskapene gjør at du kan oppnå det nødvendige resultatet for riktig visning av siden.

Bruke CSS - skjerm: ingen

Internett-dokument lar deg brukeflere alternativer for å bestemme egenskapen til et element. Først og fremst vises: ingen kan registreres i en egen fil med kaskende stilark. Denne metoden er den mest avanserte og korrekte, siden den gir deg mulighet til å gjengi alle selektorer, klasser og deres egenskaper i et eget dokument. En slik modell gjør det mulig å raskt finne og endre sideparametere.

I tittelen på dokumentet

Det andre alternativet er å definere stiler itittelen på dokumentet mellom stilen. Effektiviteten av denne metoden er mye mindre. Det anbefales å bruke det bare i ekstreme tilfeller, siden leseren av siden av webdesigneren er betydelig forverret i nærvær av et stort antall stilarter. Og dette fører til feil og bremser prosessen med å utvikle et Internett-dokument. Denne tilnærmingen anbefales kun hvis du legger til et lite antall stiler til denne taggen eller feilsøker et dokument.

Det bør huskes at hvis en slik metodeOrganiseringen av stiler er plassert i dokumentet under, enn import av et eget stilark, da kryssende egenskaper blir omskrevet av de som er i kroppen av html-dokumentet.

Blokker div. Skjerm: ingen

En annen måte er å legge tildirekte inn i elementet av kodeelementet "style = display: none;". Denne tilnærmingen brukes ofte når man arbeider med ulike rammer, hvis formål er å redusere antall eiendommer direkte i stilarket og vise dem i selve Internett-dokumentet. I tillegg oppstår en slik plate ofte når du ser på siden "kodeinspektør". Det er viktig å huske at ved å bruke denne tilnærmingen, kan du endre eiendommen og verdien som er angitt i stilarket. Derfor bør du være forsiktig, derfor kan du opprette flere problemer for deg selv og bruke litt tid på å søke etter og fikse feil i sidekoden.

Javascript

Det er også verdt å nevne tilleggetmuligheten for å endre denne eiendommen. Det refererer ikke lenger til stylesheet og html-kode og et skriptspråk. Derfor, for å søke er det nødvendig å ha minst noen kunnskap på dette området. For å fjerne elementet fra dokumentflyt, kan du bruke en Javascript-eiendom "skjerm = none". Den lar deg endre strukturen til et dokument når en bestemt hendelse oppstår. Også ved bruk av skript til dynamisk ( "on the fly") til å endre parameter egenskaper, og derved oppdatere visningen på siden uten å måtte laste. Denne tilnærmingen er nyttig når organisere rullegardinmenyer, modale vinduer og former.

SEO

På området for optimalisering av webinnhold for søkdet er mange overtro og uklare øyeblikk. Så, mange nybegynnere SEOShniki vurdere å bruke "vise" eiendommen en dårlig måte. De forklarer dette ved at søkemotorene ser skjult innhold, begynner å vurdere siden som spam. I deres ord er det en del av logikken, men ikke noe mer. På dette tidspunktet brukes egenskapen til å gjemme et objekt ofte nok til å formatere rullegardinmenyer og skjule deler av dokumentet som for tiden ikke er interessant for brukeren (for eksempel hvis en kategori er valgt, blir informasjon om den andre slettet). Denne tilnærmingen brukes av ganske kraftige internettportaler (en av dem er "Amazon"). Søkerobotene kan derfor ikke vurdere å bruke "display: none" -egenskapen som spam.

En annen ting er når en slik tilnærming brukes tilgjemmer enkelte ord og symboler. Til tross for at søkerobotene ennå ikke har de perfekte algoritmer for å gjenkjenne slike "spam" i dokumenter, er sannsynligheten for at siden blir fanget på dette ganske høy. Derfor anbefales det å bruke "display" -egenskapen strengt for formålet - å endre blokkertypen eller midlertidig gjemme den fra brukerens øyne.

</ p>>