Strukturen til nesten alle nettsider vi finner og bruker på nettet er laget ved hjelp av HTML, et standardisert system for kategorisering av tekstfiler. Sideskift, avsnitt, sterke bokstaver, kursiv og andre funksjoner legges til ved hjelp av HTML. Ved å bruke tagger som instruerer nettlesere hvordan de skal håndtere innhold, hjelper HTML med å lage denne strukturen.

For eksempel vil vi plassere et ord mellom kodene strong>fet/strong> for å få det til å virke fet. Åpningskoden (/) indikerer hvor vi vil at den fete skriften skal slutte, mens den første taggen (/) indikerer hvor vi vil at den fete skriften skal begynne. Den fungerer som grunnlaget for de fleste nettsider. Så dette er stedet å begynne hvis du lærer å kode.

Hvordan legge til plass i HTML

Utover et enkelt mellomrom mellom ordene, ignoreres alle tomme mellomrom vi legger inn i HTML-tekst for å vise i en nettleser. Som et resultat må vi programmere de tomme områdene vi ønsker i dokumentet vårt. Enhver tekstlinje kan ha mellomrom lagt til i HTML. For eksempel kan vi sette inn tomme mellomrom i tabell- og avsnittsinnhold ved å bruke HTML-objektet . Siden HTML mangler en tastaturbokstav for et tomt mellomrom, må vi angi enheten for å legge til hvert mellomrom.

Det kan virke enkelt, men det kan være utfordrende å legge til plass i HTML-en vår. Det er minst fem ulike tilnærminger til å ta vare på dette.

Gjennom denne opplæringen vil vi se mange tilfeller. Det vil også demonstrere hvordan man kan bruke mer forseggjorte former for rom.

serie i postgres

Alt dette er mulig i vanlig HTML uten bruk av CSS. Men vær oppmerksom på at å legge til plass i HTML-en din gjøres best via CSS.

Hvordan ser et ASCII-rom ut?

Space er representert av ASCII-symbolet 20. Men dette er bare den aksepterte praksisen.

Det er fem forskjellige typer mellomrom du kan bruke i HTML. De virker identiske med det utrente øyet, selv om de har noe distinkte funksjoner.

Tab-tegnet, som simulerer å trykke på tabulatortasten på et tastatur, er et annet alternativ. Og vognreturtegnet, som simulerer å trykke enter-tasten på et tastatur, er et annet eksempel.

Non-breaking space:

I verdensrommet:  

Em plass:  

Tynn plass:

Standard plass:

Ny linje (retur):

Fanetegn:

Venstre side representerer karakter , og høyre side representerer HTML-kode.

Hvor bred er en karakter i verdensrommet?

For mellomromstegn er det fire standardbredder:

Plass med standard bredde:Fordi det ikke vil resultere i et linjeskift (også kjent som en vognretur), er dette også kjent som 'ikke-linjebrytende plass'.Em Space:Dette kalles 'Em' fordi, uansett hvilken skrift du bruker, har den samme bredde som bokstaven M. (Hvis vi har hørt om uttrykket 'em-dash', så vet vi hva vi snakker om.)I verdensrommet:Dette er kjent som 'En' fordi det har samme bredde som bokstaven n i skrifttypen din.Tynn plass:Den smaleste av alle mellomrom er 'tynt rom', som er det siste alternativet.

Hva betyr Space Sign in HTML?

er den mest brukte HTML-enheten.

arraylist java

For å få denne teksten til å fylle et mellomrom, prøv å kaste den.

La oss for eksempel forestille oss at vi ønsker å legge til to mellomrom etter en setning, men nettstedsgjengivelsesmotoren eliminerer ett av mellomrommene alene. For å legge til to mellomrom kan vi kanskje gå inn

Whitespace: Hva er det?

Tegn som ikke er synlige kalles mellomrom. De består av:

1. mellomrom,
2. faner, og
3. linjeskift (vognretur, linjeskift eller begge deler),

Hvorfor er dette avgjørende?

Disse bokstavene er for eksempel ikke synlige i en tekstbehandler, men de påvirker rom og formatering av teksten. Nettleseren kondenserer mange mellomromstegn til en enkelt plass i HTML, som er forskjellig fra andre markup-språk.

Det er flere mellomrom mellom ordene i denne HTML-en, og hver linje avsluttes med CRLF-tegn (carriage return, linefeed). Alle mellomromstegn vil bli skjult av nettleseren.

Eksempel

Gode ​​ting tar mer tid.

Produksjon:

Sette inn mellomrom

1. Bruk tekstens ikke-brytende mellomromstegn ( ) for å gi mer mellomrom.
2. CSS-polstringsegenskapen kan brukes til å øke plass inne i et element under forskjellige omstendigheter.
3. CSS-marginattributtet gjør det mulig å legge til ekstra plass rundt et element.

Selv om ikke-brytende mellomrom er nyttige, bør de ikke brukes overdrevent, da dette kan forstyrre hvordan materialet vises i nettlesere. I tillegg, avstå fra å bruke ikke-brytende mellomrom for stilformål som å rykke inn eller sentrere et element på en nettside; stilistiske krav bør i stedet håndteres via CSS.

I tillegg til enheten, støtter HTML også følgende tilleggsenheter for mange tilstøtende tomme områder:

Tegnenheten   brukes til å representere et mellomrom. En er en måleenhet som tilsvarer 8 piksler, eller halvparten av en ems (16 piksler) bredde.

git push-kommando

Syntaksen for et mellomrom mellom innhold er   Her er et eksempel på hvordan du bruker HTML &ensp-enheten:

Her er et eksempel for en en space entiteten.

Produksjon:

Entiteten   brukes i eksemplet ovenfor for å legge til mellomrom i HTML, og dens bredde er 8 piksler. De kan også brukes på flere nærliggende steder.

Vedlikeholde formatering og avstand

Hvis du ønsker å beholde formateringen og avstanden som er spesifisert, er det to valg:

1. Legge til HTML-formatering og plass
2. Bruker en

    tag.

Ved å bruke en 'pre'-tag

Disse resultatene oppstår ved å bytte ut

tag for

 tag:

Eksempel

 pre> Good things take more time 

Produksjon:

Ja, det

 tag keeps the formatting as it was originally, but it also switches to a monospaced typeface. All of these can be fixed; however, using the <pre> tag isn&apos;t always the best option. HTML spacing is a more popular method.</pre>

Legge til HTML-formatering og mellomrom

Som et alternativ kan vi inkludere HTML-elementer og symboler som følgende:

Gode ​​ting vil

ta mer tid.

Produksjon:

Et linjeskift kreves av
element.

Non-breaking space:

Nettleseren skjuler ikke mellomrom som er lagt til med ikke-brytende mellomrom ().

I tillegg, som navnet antyder, stopper det nettleseren fra å bryte to ord der.

Gode ​​ting tar mer tid.

Produksjon:

I denne modellen legges det til 10 mellomrom mot starten av teksten. En annen er satt mellom ' tar ' som ikke vil bli isolert når setningen brytes på grunn av plassbegrensninger.

Padding-attributtet

Et elements indre rom økes med CSS padding-attributtet.

Det tar verdier fra én til fire, som begynner på toppen, høyre, bunn og høyre side.

De 'div' elementet har en polstring på 20 piksler på alle sider.

 Inner spacing is 20px with a div attribute 

Produksjon:

Marginattributtet

1. Med CSS-margin-attributtet legges det til ekstra plass rundt elementet.
2. Det tar verdier fra én til fire, som begynner på toppen, høyre, bunn og høyre side.

De 'div' elementet har en margin på 40 piksler på alle sider.

 Outer spacing is 20px using the div and margin attribute 

Produksjon:

Polstring vs margin

1. Både polstring og marg øker plassen til et element.
2. Polstring etterlater et tomrom som anses som en del av elementet.
3. Marginskapt rom anses å eksistere utenfor elementets grenser.
4. Klikkområdet, bakgrunnsfargene og andre attributter til nettstedet påvirkes av denne variasjonen.

Man kan tro at det å legge til mellomrom i HTML er like enkelt som å trykke på mellomromstasten kontinuerlig. Men det er bare ikke slik ting fungerer. Å trykke på mellomromstasten mer enn én gang vil ikke legge til flere tomme mellomrom i nærheten som i et tekstdokument. Nettleseren vil kombinere alle tomme mellomrom i nærheten til ett hvis vi gjør dette i HTML. For å demonstrere hva som skjer når vi bruker flere mellomrom i HTML, la oss se på et eksempel:

Så etter å ha brukt mellomromstasten mange ganger, kan vi ikke legge til flere tomme mellomrom

Produksjon:

transformer streng til int

Ved å trykke gjentatte ganger på mellomromstasten i HTML, som vist i eksempelet ovenfor, prøver vi å sette inn mange påfølgende tomme mellomrom på en nettside. Nettlesere gjengir imidlertid flere tilstøtende tomme områder som et enkelt mellomrom og ser bort fra mellomrom før, etter og utenfor komponentene. Fenomenet er kjent som whitespace kollaps. Selv om det til tider kan være irriterende å kollapse mellomrom, er det flere teknikker for å legge til mer mellomrom i både HTML og CSS (cascading style sheets).

&

Tegnenheten   brukes til å representere em space. Bredden på en em, som er 16 piksler, tilsvarer en emsp.

Syntaksen for em-mellomrom i teksten er   Her er et eksempel på hvordan du bruker HTML &emsp-enheten:

Her er et eksempel for em space-entitet.

Produksjon

Entiteten   brukes i eksemplet ovenfor for å legge til mellomrom i HTML, og dens bredde er 16 piksler. De kan også brukes i flere tilstøtende rom.

&tynsp

Karakterenheten brukes til å representere tynn plass, ofte kjent som smal plass. En sjettedel av en em er bredden av en &

Tynt mellomrom skrives som mellominnhold i syntaksen. Her er et eksempel på hvordan du bruker HTML-enheten ' '

Dette er et eksempel på tynn romenhet.

Produksjon

lengde på streng java

Entiteten brukes i eksemplet ovenfor for å legge til tynne mellomrom i HTML, og dens bredde er en sjettedel av en em. De brukes også i flere tilstøtende rom.

Nedenfor er en ASCII-kunst av 'Hei'. # # ##### # # # ##### # # # # # # # # # # ####

Produksjon:

Fordelene ved å bruke mellomrom

Utvidet innholdsforståelighet:Når kunder er på siden vår, bør de ha muligheten til å se hvor de går videre for å få motivasjon til å fortsette å lese. Helt ærlig, mellomrom mellom passasjer og rundt blokker med tekst og bilder hjelper enkeltpersoner med å forstå hva de leser og legger til en overlegen kundeopplevelse generelt.Mer samarbeid:Kan vi bare være ekte, gjester har det alltid travelt mens de leser lokaliteter, og å ha mye mellomrom vil øke tilkoblingen ved å forhindre avbrudd som bremser gjesten. Faktisk vil selv en liten demping rundt gjenstander føre til at vi legger merke til en bestemt region på nettstedet vårt. I henhold til forskning ledet av Human Elements Worldwide, øker hvitt mellomrom kunnskapen med praktisk talt 20 %.Kapasitet til å vise handlingsfremmende oppfordringer (CTAs):Noen ganger er den klareste metoden for å få noe til å skille seg fra hverandre å gjøre ting større. Vi kan gjøre bildene større eller knappene større. Ikke desto mindre kan det være like levedyktig å inkludere tingen med mellomrom.Et rent nettsted tilsvarer et bemerkelsesverdig nettsted:Sidens første følelse betyr mye. Et tonn ekstraordinært sterkt design, et stort utvalg av planer - dette store antallet komponenter øker inntrykket et nettsted gjør; mellomrom er imidlertid spesielt viktig fordi det viser kunstferdighet og oppfinnsomhet. Whitespace gjør ikke nettstedet ditt eksponert eller moderat. Uansett hvor langt mellomrom brukes på riktig måte, vil det gi en følelse av polering og prevalens til nettstedet ditt.Å skape likevekt:For lite mellomrom fører til uorden, uorden og skjelving – egenskaper du ikke trenger knyttet til nettstedets image. Så igjen kan mange mellomrom inneholde et fravær av innhold og et fravær av klientretning. Nøkkelen er å justere planene dine og la whitespace gå rundt som et utrolig instrument for å isolere klumper av innhold for enkel åpenhet og en videreutviklet kundeopplevelse.Fungerer som en separator:Whitespace isolerer irrelevante komponenter i en plan. Det har en tendens til å bli brukt til å isolere bilder eller design fra hverandre og fungerer på ditt generelle visuelle format. Bruken av legitime mellomrom gir en mer tydelig samsvar mellom tanker og overbevisende planer.

Hvorfor er mellomrom viktig?

Whitespace er den grunnleggende byggesteinen for god design, etter min mening som designer. Designere refererer til negativt rom, eller mellomrommet mellom brikkene i en komposisjon, når de bruker begrepet 'whitespace'. Det er det tomme rommet mellom grafikk, marger og takrenner på en side som ikke er merket med noe. Øyet får et visuelt pusteområde av mellomrommet mellom kolonner, tekstlinjer og figurer.

Det er en overbevisende grunn til at mellomrom er en avgjørende komponent i design. Det kan revolusjonere utformingen av nettstedet vårt og gi det flere fordeler hvis det brukes riktig. Vi må produsere og lage oppsett som er fryd for øyet og som oppmuntrer leserne til å fortsette. Det er avgjørende å kontinuerlig huske på at det å levere et fantastisk produkt til våre kunder er vår prioritet når vi designer for nettet.

Whitespace kan brukes til å lede en leser fra ett element til et annet, skape harmoni og balanse og hjelpe til med å merke et design. Våre hovedmål er å få nettstedet til å fremstå enkelt og oversiktlig og å tilby innhold som brukerne våre vil like og verdsette. Mellomrom er ikke bare et 'tomt' mellomrom; det er en designfunksjon som gjør det mulig for elementene på siden å eksistere. Området skaper en balanse og fungerer som en konstant påminnelse om at vakre design finnes. For å formidle et tydelig budskap trenger vi ikke lage et oppsett som er overbelastet med tekst og grafikk.