Plass på et nettsted ser ut til å være en ganske enkel ting. Men første gang du prøver å trykke nøkkelen flere ganger, og at den informasjonen ikke vises på siden din, vil du innse at det ikke er så enkelt som det ser ut.
Det er flere måter å skape plass på et nettsted. De to første er med HTML-koder:
…
Stykkmarkøren vil vanligvis plassere mellomrom mellom elementer. Det fungerer som en avsnittspause.
Men flere
På rad vil du ikke gjøre noe annet enn å rote opp siden din. Noen redaktører vil sette
på steder å legge til mer plass, men dette bruker egentlig ikke
tag, men snarere tegnet, som vi kommer til på et minutt.
De
tag er ment å sette bare en enkelt linjeskift i tekstenes strømning. Det kan imidlertid brukes flere ganger på rad for å lage lange stenger av tomt mellomrom. Problemet er, du kan ikke definere høyde og bredde på plassen, og det er automatisk bredden på siden.
CSS Margin og Padding
En annen måte å legge til plass på websidedokumenter er å bruke CSS-egenskapsmarginen og polstring. Dette er en mye bedre måte å få nøyaktig hvor mye plass du vil ha mellom elementene dine. Og du kan påvirke mer enn bare det vertikale rommet i et dokument.
Non-Breaking Space ()
Til slutt er det det ikke-ødelagte rommet. Denne karakterenheten virker akkurat som en vanlig tekstplass ville, bortsett fra at nettleseren behandler hver enkelt individuelt.
Hvis du setter fire på rad, vil nettleseren plassere fire mellomrom i teksten.
Merk, eldre nettlesere kan ikke gjengi flere ikke-ødelagte mellomrom.
Bruke Non-Breaking Spaces i tabeller
Tabeller vil ofte lukke eller pause hvis du ikke inkluderer noe i cellen for å holde den åpen. For eksempel: Bruk følgende HTML for å lage et bord med en 30-pixel takrute:
Det bør være en liten plass til venstre for denne teksten. Enkelte nettlesere vil vise det riktig, men mange vil ignorere anmodningen om bordbredde og legge teksten flush med venstre marg. Veldig irriterende! |
For å holde tabellkolonnen fra å bryte, bruk et ikke-bryte mellomrom:
| Det bør være en liten plass til venstre for denne teksten. Med de fleste nettlesere vil det vises riktig. |
