InternetWeb design

Ved hjælp af egenskaberne for CSS "display: none"

Cascading Style Sheets (CSS) giver dig mulighed for at organisere udseende og design af websiden. En af de mest almindeligt anvendte egenskaber og dens værdier er "display: none".

Bestemmelse af egenskaber

Selve ejendommen er en multi-purpose og afgør, hvilken type af displayet element i dokumentet. Afhængigt af de specifikke værdier valgte side kan vises blokken del, lineært, som en liste over emner som del af tabellen, og så videre. D. Således skyldes den egenskab "skærm", kan ændre typen af blokken i dokumentet.

Som for bundt "værdien af ejendommen display: none", det giver dig mulighed for at slette et element eller en blok af dokumentet. På det samme sted under stykke side er ikke reserveret, hvilket betyder, at det falder ud af strømmen. Alle elementer, der ligger uden for "remote", simpelthen ikke se det og ignorere størrelse og placering af enheden. For at vende tilbage en skjult objekt, skal du henvise til dokumentet via scripts, der blot ændre værdien af ejendommene til det ønskede format. Når dette sker automatisk formaterer siden med det nye objekt på den.

Forskellen mellem egenskaber "display" og "synlighed"

På trods af, at der som følge af begge egenskaber for at skjule elementer fra brugeren, deres virkemåde er helt anderledes. Som allerede nævnt ovenfor, parameteren "display: none" fjerner elementet fra dokumentet. Blokken falder ud på siden, og dermed ikke finder sted i den. I dette tilfælde, objektet stadig i HTML-koden.

Til gengæld egenskaben "visibility: hidden" skjuler elementet fra brugeren, men ikke fjerne det fra dokumentet model. Således er siden reserveret en plads i denne blok. Det vil sige, at dokumentet flow vil acceptere og overveje placeringen og størrelsen af et element med ejendom "visibility: hidden" nøjagtig samme måde uden det.

Denne forskel er organiseringen dokumentets struktur disse to egenskaber gør det muligt at opnå det ønskede resultat for den korrekte side display.

Ved hjælp af CSS - display: none

Internet dokument er der flere måder at bestemme egenskaberne for elementet. Det første display: none kan ordineres i en separat fil til Cascading Style Sheets. Denne metode er den mest avancerede og bedst, da det giver dig mulighed for at gøre alle de vælgere, klasser og deres egenskaber i et særskilt dokument. En sådan model kan du hurtigt finde og ændre sideindstillinger.

Dokumentet header

Den anden udførelsesform er at definere stilarter blandt titlen på dokumentets typografi-tags. Effektiviteten af denne metode er meget mindre. Det anbefales at anvende kun i ekstreme tilfælde, som i tilstedeværelsen af et stort antal af stilarter læsbarheden af websider designer forringes betydeligt. Og dette fører til fejl og sinke processen med at udvikle et web-dokument. Denne fremgangsmåde anbefales kun i tilfælde af at tilføje tag til et lille antal af stilarter eller debugging instrument.

Husk, at hvis denne måde at organisere typografier i dokumentet er mindre end en separat typografiark import, vil de overlappende egenskaber blive overskrevet af dem, der er i selve dokumentet html.

Bloker div. Skærm: ingen

En anden måde er at tilføje direkte til tagget "style = display: none;" kode element. Denne tilgang er ofte brugt, når der arbejdes med forskellige rammer, som har til formål - at reducere antallet af funktioner direkte i typografiark og vise dem i web-dokument. Hertil kommer, sådan en rekord er ofte, når du ser "kode inspektører" side. Det er vigtigt at huske, at ved hjælp af denne metode, kan du ændre ejendommen og værdien foreskrevet i stilarket. Så du skal være forsigtig, som et resultat, kan du oprette yderligere problemer for sig selv og bruge lidt tid på at finde og fastsættelse af fejl på siden kode.

JavaScript

Det er også værd at nævne muligheden for yderligere ændringer i denne egenskab. Det refererer ikke længere til stilarket og html-kode og et scriptsprog. Derfor, for at anvende det nødvendigt at have mindst en vis viden på dette område. For at fjerne elementet fra dokumentet flow, kan du bruge en JavaScript ejendom "display = none". Det giver dig mulighed for at ændre strukturen af dokumentet, når en bestemt begivenhed. Også, gennem brug af scripts til dynamisk ( "on the fly") for at ændre parameter egenskaber og dermed opdatere visningen af siden uden at skulle genindlæse. Denne fremgangsmåde er nyttig, når organisere drop-down menuer, modal vinduer og former.

SEO

På området for at optimere web-indhold for søgemaskiner, der er mange overtro og usikkerheder. Så mange uerfarne firmaer overveje brugen af ejendommene "Display" dårlige manerer. De forklarer dette med, at søgemaskiner ser det skjulte indhold, begynder at overveje siden som spam. I deres ord, er der en vis logik, men ikke meget andet. På dette tidspunkt ejet af skjulte objekter bruges ofte nok til at formatere rullemenuen og skjule dele af dokumentet, der ikke i øjeblikket er af interesse for brugeren (for eksempel, når du vælger en kategori af andre oplysninger slettes). Denne tilgang benytter et tilstrækkeligt kraftige internetportaler (en af dem - den "Amazon"). Således søgemaskinespiders kan ikke overveje brugen af ejendom "display: none" spam.

En anden ting, når denne metode bruges til at skjule individuelle ord og tegn. På trods af, at nu søgemaskinespiders har endnu ikke perfekt anerkendelse af sådanne "spam" algoritmer i dokumenterne, sandsynligheden for, at siden vil blive fanget i dette, er ganske høj. Derfor anbefales det at bruge ejendommen "display" er strengt til sit formål - at ændre typen af blok eller midlertidigt skjule fra øjnene af brugeren.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 atomiyme.com. Theme powered by WordPress.