Strukturen på næsten alle websteder, vi finder og bruger på nettet, er blevet skabt ved hjælp af HTML, et standardiseret system til kategorisering af tekstfiler. Sideskift, afsnit, stærke bogstaver, kursiv og andre funktioner tilføjes alle ved hjælp af HTML. Ved at anvende tags, som instruerer browsere, hvordan de skal håndtere indhold, hjælper HTML med at skabe denne struktur.

For eksempel ville vi placere et ord mellem taggene stærk>fed/stærk> for at få det til at virke fed. Åbningsmærket (/) angiver, hvor vi vil have den fed skrift til at slutte, mens den første kode (/) angiver, hvor vi ønsker, at den fed skrift skal starte. Det fungerer som grundlaget for de fleste websider. Så dette er stedet at starte, hvis du lærer at kode.

Sådan tilføjes plads i HTML

Ud over et enkelt mellemrum mellem ord, ses der bort fra alle tomme mellemrum, vi indtaster i HTML-tekst for at vise i en browser. Som et resultat skal vi programmere de tomme mellemrum, vi ønsker i vores dokument. Enhver tekstlinje kan tilføjes plads i HTML. For eksempel kan vi indsætte tomme mellemrum i tabel- og afsnitsindhold ved hjælp af HTML-objektet. Da HTML mangler et tastaturbogstav til et tomt mellemrum, skal vi indtaste enheden for at tilføje hvert mellemrum.

Det kan virke simpelt, men det kan være en udfordring at tilføje plads til vores HTML. Der er mindst fem forskellige tilgange til at tage sig af dette.

I løbet af denne uddannelse vil vi se mange tilfælde. Det vil også demonstrere, hvordan man kan anvende mere komplicerede former for rum.

føljeton i postgres

Alt dette er muligt i almindelig HTML uden brug af CSS. Men vær opmærksom på, at tilføjelse af plads til din HTML bedst gøres via CSS.

Hvordan ser et ASCII-rum ud?

Rummet er repræsenteret af ASCII-symbolet 20. Men dette er blot den accepterede praksis.

Der er fem forskellige slags mellemrum, som du kan bruge i HTML. De ser ud til at være identiske med det utrænede øje, selvom de har noget forskellige funktioner.

Tab-tegnet, som simulerer at trykke på tabulatortasten på et tastatur, er en anden mulighed. Og vognreturtegnet, som simulerer at trykke på enter-tasten på et tastatur, er et andet eksempel.

Non-breaking space:

I rummet:  

Em plads:  

Tyndt rum:

Standard plads:

Ny linje (retur):

Fanetegn:

Den venstre side repræsenterer Karakter , og højre side repræsenterer HTML-kode.

Hvor bred er en karakter i rummet?

For mellemrumstegn er der fire standardbredder:

Rum med standard bredde:Fordi det ikke vil resultere i et linjeskift (også kendt som en vognretur), er dette også kendt som 'ikke-linjebrud'.Em Space:Dette hedder 'Em', fordi uanset hvilken skrifttype du bruger, har det samme bredde som bogstavet M. (Hvis vi har hørt om udtrykket 'em-dash', så ved vi, hvad vi taler om).I rummet:Dette er kendt som 'En', fordi det har samme bredde som bogstavet n i din skrifttype.Tynd plads:Det smalleste af alle rum er 'tyndt rum', som er den sidste mulighed.

Hvad betyder Space Log in HTML?

er den mest udbredte HTML-entitet.

arraylist java

For at få denne tekst til at fylde et mellemrum, prøv at kaste den.

Lad os for eksempel forestille os, at vi ønsker at tilføje to mellemrum efter en sætning, men webstedsgengivelsesmotoren fjerner et af mellemrummene alene. For at tilføje to mellemrum kan vi muligvis komme ind

Whitespace: Hvad er det?

Tegn, der ikke er synlige, kaldes mellemrum. De består af:

1. mellemrum,
2. faner, og
3. linjeskift (vognretur, linjeskift eller begge dele),

Hvorfor er dette afgørende?

Disse bogstaver er for eksempel ikke synlige i et tekstbehandlingsprogram, men de påvirker tekstens plads og formatering. Browseren kondenserer adskillige blanktegn til et enkelt mellemrum i HTML, som er adskilt fra andre markup-sprog.

Der er flere mellemrum mellem ordene i denne HTML, og hver linje slutter med CRLF (carriage return, linefeed) tegn. Alle mellemrumstegn vil blive skjult af browseren.

Eksempel

Gode ​​ting tager mere tid.

Produktion:

Indsættelse af mellemrum

1. Brug tekstens ubrudte mellemrumstegn ( ) for at give mere mellemrum.
2. CSS-polstringsegenskaben kan bruges til at øge pladsen inde i et element under forskellige omstændigheder.
3. CSS-marginattributten giver mulighed for at tilføje ekstra plads omkring et element.

Selvom ikke-afbrydende mellemrum er nyttige, bør de ikke bruges overdrevent, da det kan forstyrre, hvordan materialet vises i browsere. Undlad desuden at bruge ikke-afbrydende mellemrum til stilformål såsom indrykning eller centrering af et element på en webside; stilmæssige krav skal i stedet håndteres via CSS.

Ud over entiteten understøtter HTML også følgende ekstra entiteter for adskillige tilstødende tomme felter:

Tegnenheden   bruges til at repræsentere et mellemrum. En er en måleenhed, der svarer til 8 pixels eller halvdelen af ​​en ems (16 pixels) bredde.

python ny linje

Syntaksen for et en space in-between indhold er   Her er et eksempel på, hvordan du bruger HTML &ensp-enheden:

Her er et eksempel på en rummet entiteten.

Produktion:

Entiteten   bruges i eksemplet ovenfor til at tilføje mellemrum til HTML, og dens bredde er 8 pixels. De kan også bruges flere nærliggende steder.

Vedligeholdelse af formatering og afstand

Hvis du ønsker at beholde den specificerede formatering og afstand, er der to valgmuligheder:

1. Tilføjelse af HTML-formatering og plads
2. Ved hjælp af en

    tag.

Brug af et 'pre' tag

Disse resultater opstår ved at bytte om

tag for

 tag:

Eksempel

 pre> Good things take more time 

Produktion:

Ja, den

 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>

Tilføjelse af HTML-formatering og mellemrum

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

Gode ​​ting vil

tage mere tid.

Produktion:

Et linjeskift er påkrævet af
element.

Non-breaking space:

Browseren skjuler ikke mellemrum tilføjet med det ubrudte mellemrum ().

Derudover, som navnet antyder, forhindrer det browseren i at bryde to ord der.

Gode ​​ting tager mere tid.

Produktion:

I denne model tilføjes 10 mellemrum i starten af ​​teksten. En anden er sat mellem ' tager ' som ikke vil blive isoleret, når sætningen ombrydes på grund af pladsbegrænsninger.

Padding-egenskaben

Et elements indre rum øges med CSS padding-attributten.

Det tager værdier fra én til fire, der begynder i toppen, højre, nederste og højre side.

Det 'div' element har en polstring på 20 pixels på alle sider.

 Inner spacing is 20px with a div attribute 

Produktion:

Margin-attributten

1. Med CSS-margin-attributten tilføjes ekstra plads omkring elementet.
2. Det tager værdier fra én til fire, der begynder i toppen, højre, nederste og højre side.

Det 'div' element har en margen på 40 pixels på alle sider.

 Outer spacing is 20px using the div and margin attribute 

Produktion:

Polstring vs margin

1. Polstring og margin øger begge et elements plads.
2. Polstring efterlader et tomrum, der betragtes som en del af elementet.
3. Marginskabt rum anses for at eksistere uden for elementets grænser.
4. Klikregionen, baggrundsfarver og andre egenskaber på webstedet påvirkes af denne variation.

Man kunne tro, at tilføjelse af mellemrum i HTML er så simpelt som at trykke på mellemrumstasten konstant. Men det er bare ikke sådan tingene fungerer. Hvis du trykker på mellemrumstasten mere end én gang, tilføjes flere tomme mellemrum i nærheden, som det ville gøre i et tekstdokument. Browseren vil kombinere alle de tomme mellemrum i nærheden til ét, hvis vi gør dette i HTML. For at demonstrere, hvad der sker, når vi bruger flere mellemrum i HTML, lad os se på et eksempel:

Så efter at have brugt mellemrumstasten mange gange, kan vi ikke tilføje flere tomme mellemrum

Produktion:

forekomst af i java

Ved gentagne gange at trykke på mellemrumstasten i HTML, som det ses i eksemplet ovenfor, forsøger vi at indsætte adskillige på hinanden følgende tomme mellemrum på en webside. Men browsere gengiver flere tilstødende tomme mellemrum som et enkelt mellemrum og ser bort fra mellemrum før, efter og uden for komponenter. Fænomenet er kendt som whitespace kollaps. Selvom det til tider kan være irriterende at kollapse hvide mellemrum, er der flere teknikker til at tilføje mere mellemrum i både HTML og CSS (cascading style sheets).

&

Tegnenheden   bruges til at repræsentere em space. Bredden af ​​en em, som er 16 pixels, svarer til en emsp.

Syntaksen for em-mellemrum i teksten er   Her er et eksempel på, hvordan man bruger HTML &emsp-entiteten:

Her er et eksempel på em space-entitet.

Produktion

Entiteten   bruges i eksemplet ovenfor til at tilføje mellemrum til HTML, og dens bredde er 16 pixels. De kan også bruges i flere tilstødende rum.

& tyndsp

Karakterenheden bruges til at repræsentere tyndt mellemrum, ofte kendt som smalt mellemrum. En sjettedel af en em er bredden af ​​en &

Tyndt mellemrum skrives som mellemindhold i syntaksen. Her er et eksempel på, hvordan du bruger HTML-entiteten ' '

Dette er et eksempel på tynd rumentitet.

Produktion

kort med maskinskrift

Entiteten bruges i eksemplet ovenfor til at tilføje tynde mellemrum til HTML, og dens bredde er en sjettedel af en em. De bruges også i flere tilstødende rum.

Nedenfor er en ASCII-kunst af 'Hej'. # # ##### # # # ##### # # # # # # # # # # ####

Produktion:

Fordelene ved at bruge hvidt mellemrum

Udvidet indholdsforståelighed:Når kunder er på vores side, bør de have mulighed for at se, hvor de går videre, for at få motivationen til at fortsætte med at læse. Helt ærligt, hvidt mellemrum mellem passager og omkring blokke af tekst og billeder hjælper individer med at forstå, hvad de læser og tilføjer bidrager til en overlegen klientoplevelse generelt.Mere samarbejde:Kan vi bare være rigtige, gæster har pålideligt travlt, mens de gennemser lokaliteter, og at have en masse hvide mellemrum vil øge forbindelsen ved at forhindre afbrydelser, der bremser gæstens fart. Faktisk vil selv en lille dæmpning omkring genstande få os til at bemærke en bestemt region på vores side. Ifølge forskning ledet af Human Elements Worldwide øger hvidt mellemrum kendskabet med praktisk talt 20 %.Kapacitet til at indeholde opfordring til handling (CTA'er):Nogle gange er den klareste metode til at få noget til at skille sig ud, at gøre tingene større. Vi kan gøre billeder større eller knapper større. Ikke desto mindre kan det på samme måde være levedygtigt at omfatte ting med mellemrum.Et rent websted svarer til et bemærkelsesværdigt websted:Vores hjemmesides første følelse betyder meget. Et ton ekstraordinært stærke designs, et stort udvalg af planer - dette store antal komponenter tilføjer det indtryk, et websted gør; dog er hvidt mellemrum særligt vigtigt, fordi det viser kunstfærdighed og opfindsomhed. Whitespace gør ikke dit websted eksponeret eller moderat. Uanset hvor langt hvidt mellemrum bruges på den rigtige måde, vil det tilføje en følelse af polering og udbredelse til dit websted.At skabe ligevægt:For lidt hvidt mellemrum giver anledning til uorden, uorden og rystelser – egenskaber, du ikke har brug for, relateret til dit websteds image. Så igen kunne mange mellemrum have et fravær af indhold og et fravær af klientretning. Nøglen er at justere dine planer og lade whitespace gå som et utroligt instrument til at isolere klumper af indhold for enkel åbenhed og en videreudviklet kundeoplevelse.Fungerer som en separator:Whitespace isolerer irrelevante komponenter i en plan. Det plejer at blive brugt til at isolere billeder eller designs fra hinanden og fungerer på dit generelle visuelle format. Brugen af ​​legitime hvide rum giver en mere klar overensstemmelse mellem tanker og overbevisende planer.

Hvorfor er hvidt mellemrum vigtigt?

Whitespace er den grundlæggende byggesten i godt design, efter min mening som designer. Designere henviser til negativt rum, eller mellemrummet mellem stykker i en komposition, når de bruger udtrykket 'whitespace'. Det er det tomme mellemrum mellem grafik, marginer og tagrender på en side, der ikke er markeret med noget. Øjet får et visuelt åndedrætsområde ved mellemrummet mellem søjler, tekstlinjer og figurer.

Der er en overbevisende grund til, at whitespace er en afgørende komponent i design. Det kan revolutionere designet af vores hjemmeside og give det flere fordele, hvis det anvendes korrekt. Vi skal producere og skabe layouts, der er en fryd for øjet og opmuntrer læserne til at fortsætte. Det er afgørende hele tiden at huske på, at det er vores prioritet at levere et fantastisk produkt til vores kunder, når vi designer til nettet.

Whitespace kan bruges til at guide en læser fra et element til et andet, skabe harmoni og balance og hjælpe med at brande et design. Vores vigtigste mål er at få hjemmesiden til at fremstå ligetil og klar og at levere indhold, som vores brugere vil kunne lide og værdsætte. Whitespace er ikke bare et 'tomt' rum; det er en designfunktion, der gør det muligt for elementerne på siden at eksistere. Området skaber balance og tjener som en konstant påmindelse om, at der findes smukke designs. For at formidle et klart budskab behøver vi ikke lave et layout, der er overlæsset med tekst og grafik.