Syntaksen for å forhindre en skjerm i HTML

Webutviklere kan velge å skjule sideelementer ved hjelp av en kombinasjon av HTML og Cascading Style Sheet kode. For å bruke denne teknikken, må en side inneholde elementer som kan identifiseres i CSS-koden som er knyttet til området. CSS egenskaper for skjerm og synlighet kan både skjule HTML-elementer, men de gjør det på litt forskjellige måter. Utviklere trenger å bestemme hvordan de vil ha den skjulte element for å påvirke de resterende synlige elementer på en side når du velger en teknikk.

CSS

En nettside kan gjennomføre visuell styling bruker en eller flere deler av CSS-koden. Utviklere kan inkludere denne koden i websiden markup, eller i en egen fil som er knyttet til innenfra siden hodedelen som følger:

<Link rel = "stylesheet" type = "text / css" href = "mypagestyle.css" />

Denne koden knytter en fil som er lagret som "mypagestyle.css" som er lagret i samme katalog som selve siden. Innenfor CSS-fil, kan utviklere inkludere noen styling egenskaper de liker, som avgjør utseende og layout av elementene i HTML markup.

identifikatorer

CSS koden bruker identifikatorer å style spesielle HTML-elementer. Følgende eksempel HTML markup demonstrerer skape et element med en klasse attributt:

<Div class = "hide"> Her er noen ord å skjule </ div>

Innenfor CSS koden som er knyttet til denne siden, identifiserer følgende syntaks noen elementer med den angitte klassen attributt:

.gjemme seg {

/ CSS erklæringer her /

}

Å identifisere bare elementer av type "div" med attributt, kan CSS bruke følgende kode:

div.hide {

/ CSS erklæringer her /

}

I denne delen av CSS-kode, kan en utvikler inkludere noen styling egenskaper som er nødvendige, inkludert gjemmer elementet dersom dette er nødvendig.

Vise

CSS-skjerm eiendommen kan ta en rekke mulige verdier. Den ingen verdi forteller leseren ikke skal vise elementet i spørsmålet i det hele tatt. Følgende eksempel CSS-koden demonstrerer denne teknikken:

display: none;

Ethvert element at denne koden gjelder for vil ikke vises i nettleseren når brukeren viser siden. Siden vil gjengi som om de skjulte elementene ikke er der, med andre elementer opptar plass som de skjulte elementene ellers kunne ha dukket opp innenfor.

Synlighet

Synligheten eiendom i CSS skjuler også elementer, men uten at det påvirker sideoppsettet. Dette betyr at når sikten er satt til "skjult" en side vil fortsatt gjenspeile det området som de skjulte elementer ville være opptar hvis de var der. Følgende CSS-koden demonstrerer bruk av synlighet eiendom:

synlighet: skjult;

Denne egenskapen er å foretrekke hvis det skjulte innholdet skal synliggjøres på et tidspunkt mens brukeren viser siden. Noen utviklere implementere effekter som denne og Javascript-funksjoner som bruker. Hvis en tidligere skjult element blir synlig når skjermen eiendommen har vært brukt, vil sideoppsettet må justere for å imøtekomme den, noe som kan gjøre synlige elementer hoppe rundt. Bruke synlighet eiendom unngår dette problemet.