Struktura skoraj vsakega spletnega mesta, ki ga najdemo in uporabljamo v spletu, je bila ustvarjena z uporabo HTML, standardiziranega sistema za kategorizacijo besedilnih datotek. Prelomi strani, odstavki, močne črke, ležeče pisave in druge funkcije so dodane z uporabo HTML. Z uporabo oznak, ki brskalnikom ukazujejo, kako ravnati z vsebino, HTML pomaga ustvariti to strukturo.

Besedo bi na primer postavili med oznake strong>krepko/strong>, da bi bila videti krepka. Začetna oznaka (/) označuje, kje želimo, da se krepki tisk konča, medtem ko prva oznaka (/) označuje, kje želimo, da se krepki tisk začne. Služi kot osnova za večino spletnih strani. Torej, to je kraj za začetek, če se učite kodirati.

Kako dodati prostor v HTML

Poleg enega samega presledka med besedami se vsi prazni presledki, ki jih vnesemo v besedilo HTML za prikaz v brskalniku, ne upoštevajo. Posledično moramo programirati prazne prostore, ki jih želimo v našem dokumentu. Vsaki vrstici besedila se lahko doda presledek v HTML. Na primer, lahko vstavimo prazne prostore v vsebino tabele in odstavka z uporabo predmeta HTML. Ker HTML nima črke na tipkovnici za prazen prostor, moramo vnesti entiteto, da dodamo vsak prostor.

Morda se zdi preprosto, vendar je dodajanje prostora v naš HTML lahko izziv. Obstaja vsaj pet različnih pristopov za to.

Med tem usposabljanjem bomo videli veliko primerov. Prav tako bo pokazal, kako uporabiti bolj dovršene oblike prostora.

orodje za zdravljenje gimp

Vse to je mogoče v navadnem HTML brez uporabe CSS. Vendar se zavedajte, da je dodajanje prostora v vaš HTML najbolje narediti prek CSS.

Kako je videti presledek ASCII?

Prostor je predstavljen s simbolom ASCII 20. Vendar je to le sprejeta praksa.

Obstaja pet različnih vrst presledkov, ki jih lahko uporabite v HTML. Neizkušenemu očesu se zdijo enaki, čeprav imajo nekoliko različne funkcije.

Tabulator, ki simulira pritisk tabulatorke na tipkovnici, je še ena možnost. Še en primer je povratni znak, ki simulira pritisk tipke enter na tipkovnici.

Neprekinjen prostor:

V vesolju:  

Em prostor:  

Tanek prostor:

Standardni prostor:

Nova vrstica (povratek):

Tabulatorski znak:

Leva stran predstavlja značaj , desna stran pa predstavlja HTML koda.

Kako širok je lik v prostoru?

Za presledke obstajajo štiri standardne širine:

Prostor standardne širine:Ker ne bo povzročil preloma vrstice (znanega tudi kot vrnitev v prvi vrstico), je to znano tudi kot 'presledek brez preloma vrstice'.Em presledek:Imenuje se »Em«, ker je v kateri koli pisavi, ki jo uporabljate, enake širine kot črka M. (Če smo že slišali za izraz »em-pomišljaj«, potem vemo, o čem govorimo.)V vesolju:To je znano kot 'En', ker ima enako širino kot črka n v vaši pisavi.Tanek prostor:Najožji od vseh prostorov je 'tanek prostor', ki je zadnja možnost.

Kaj pomeni znak za presledek v HTML?

je najpogosteje uporabljena entiteta HTML.

arraylist java

Če želite, da to besedilo zapolni prostor, ga poskusite vreči.

Predstavljajmo si na primer, da želimo dodati dva presledka za besedno zvezo, vendar mehanizem za upodabljanje spletnega mesta sam odstrani enega od presledkov. Če želite dodati dva prostora, bomo morda lahko vstopili

Presledek: kaj je to?

Znaki, ki niso vidni, se imenujejo presledki. Sestavljajo jih:

1. prostori,
2. zavihki in
3. prelomi vrstic (povratki na začetek, pomiki vrstic ali oboje),

Zakaj je to ključno?

Te črke na primer niso vidne v urejevalniku besedil, vendar vplivajo na prostor in oblikovanje besedila. Brskalnik zgosti številne presledke v en sam presledek v HTML, ki se razlikuje od drugih označevalnih jezikov.

Med besedami v tem HTML-ju je več presledkov in vsaka vrstica se konča z znaki CRLF (povratek v prvi vrstico, pomik vrstice). Vse presledke bo brskalnik strnil.

Primer

Dobre stvari zahtevajo več časa.

Izhod:

Vstavljanje presledkov

1. Uporabite znak neprekinjenega presledka ( ), da zagotovite več razmika.
2. Lastnost oblazinjenja CSS se lahko uporabi za povečanje prostora znotraj elementa v različnih okoliščinah.
3. Atribut roba CSS omogoča dodajanje dodatnega prostora okoli elementa.

Čeprav so neprekinjeni presledki uporabni, jih ne bi smeli uporabljati pretirano, saj bi to lahko vplivalo na to, kako je gradivo prikazano v brskalnikih. Poleg tega se vzdržite uporabe neprekinjenih presledkov za slogovne namene, kot je zamik ali centriranje elementa na spletni strani; slogovne zahteve je treba namesto tega obravnavati prek CSS.

Poleg entitete HTML podpira tudi naslednje dodatne entitete za številne sosednje prazne prostore:

Entiteta znaka   se uporablja za predstavitev presledka. En je merska enota, ki je enakovredna 8 slikovnim pikam ali polovici širine em (16 slikovnih pik).

Sintaksa za en presledek med vsebino je   Tukaj je primer uporabe entitete HTML &ensp:

lokalni datum java

Tukaj je primer za entiteto en space .

Izhod:

Entiteta   se v zgornjem primeru uporablja za dodajanje presledkov v HTML, njena širina pa je 8 slikovnih pik. Uporabljajo se lahko tudi na več sosednjih lokacijah.

Ohranjanje oblikovanja in razmikov

Če želite ohraniti določeno oblikovanje in razmik, sta na voljo dve možnosti:

1. Dodajanje oblikovanja HTML in prostora
2. Uporaba a

    tag.

Uporaba oznake 'pre'

Do teh rezultatov pride zaradi zamenjave

oznaka za

 tag:

Primer

 pre> Good things take more time 

Izhod:

Da,

 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>

Dodajanje oblikovanja HTML in prostora

Kot alternativo lahko vključimo elemente in simbole HTML, kot so naslednji:

Dobre stvari bodo

vzemite si več časa.

Izhod:

Prelom vrstice zahteva
element.

Neprekinjen prostor:

Brskalnik ne strne presledkov, dodanih z neprekinjenim presledkom ().

Poleg tega, kot pove ime, brskalniku prepreči, da bi tam razdelil dve besedi.

Dobre stvari zahtevajo več časa.

Izhod:

V tem modelu je na začetku besedila dodanih 10 presledkov. Drug je postavljen med ' vzame ', ki ne bo izoliran, ko se stavek prelomi zaradi omejitev prostora.

Atribut oblazinjenja

Notranji prostor elementa se poveča z atributom oblazinjenja CSS.

Zajema vrednosti v razponu od ena do štiri, začenši na zgornji, desni, spodnji in desni strani.

The 'div' element ima oblazinjenje 20 slikovnih pik na vseh straneh.

 Inner spacing is 20px with a div attribute 

Izhod:

Atribut marže

1. Z atributom roba CSS se okoli elementa doda dodaten prostor.
2. Zajema vrednosti v razponu od ena do štiri, začenši na zgornji, desni, spodnji in desni strani.

The 'div' element ima rob 40 slikovnih pik na vseh straneh.

 Outer spacing is 20px using the div and margin attribute 

Izhod:

Oblazinjenje v primerjavi z robom

1. Oblazinjenje in rob povečata prostor elementa.
2. Oblazinjenje pušča praznino, ki se obravnava kot sestavni del elementa.
3. Prostor, ustvarjen na robu, velja za obstoječega zunaj meja elementa.
4. Ta različica vpliva na območje klika, barve ozadja in druge lastnosti spletnega mesta.

Lahko bi verjeli, da je dodajanje presledkov v HTML tako preprosto kot nenehno pritiskanje preslednice. Ampak stvari preprosto ne delujejo tako. Če preslednico pritisnete več kot enkrat, ne boste dodali več bližnjih praznih prostorov, kot bi to storili v besedilnem dokumentu. Brskalnik bo vse bližnje prazne prostore združil v enega, če to naredimo v HTML. Da pokažemo, kaj se zgodi, ko v HTML uporabimo več presledkov, si poglejmo primer:

Torej po večkratni uporabi preslednice ne moremo dodati več praznih prostorov

Izhod:

Z večkratnim pritiskom na preslednico v HTML, kot je prikazano v zgornjem primeru, poskušamo v spletno stran vstaviti številne zaporedne prazne prostore. Vendar pa brskalniki upodabljajo več sosednjih praznih prostorov kot en sam prostor in ne upoštevajo presledkov pred, za in zunaj komponent. Pojav je znan kot kolaps praznega prostora. Čeprav je lahko zmanjševanje presledkov včasih moteče, obstaja več tehnik za dodajanje več razmikov v HTML in CSS (kaskadni slogovni listi).

system.out.println

&

Entiteta znakov   se uporablja za predstavitev em prostora. Širina em, ki je 16 slikovnih pik, je enakovredna emsp.

Sintaksa za em presledke v besedilu je   Tukaj je primer uporabe entitete HTML &emsp:

drugače če bash

Tukaj je primer za njihovo prostorsko entiteto.

Izhod

Entiteta   se v zgornjem primeru uporablja za dodajanje presledkov v HTML, njena širina pa je 16 slikovnih pik. Uporabljajo se lahko tudi v več sosednjih prostorih.

&thinsp

Entiteta znakov se uporablja za predstavitev tankega prostora, pogosto znanega kot ozek prostor. Ena šestina em je širina &

Tanek prostor je zapisan kot vmesna vsebina v sintaksi. Tukaj je primer uporabe entitete HTML ' '

To je primer entitete tankega prostora.

Izhod

Entiteta je v zgornjem primeru uporabljena za dodajanje tankih presledkov v HTML, njena širina pa je ena šestina em. Uporabljajo se tudi v več sosednjih prostorih.

Spodaj je ASCII art 'Hi'. # # ##### # # # ##### # # # # # # # # # # #####

Izhod:

Prednosti uporabe praznega prostora

Razširjena razumljivost vsebine:Ko so stranke na našem spletnem mestu, bi morale imeti možnost videti, kam nadaljujejo, da bi dobile motivacijo za nadaljnje brskanje. Iskreno povedano, prazen prostor med odlomki in okoli blokov besedila in slik posameznikom pomaga razumeti, kaj prebirajo, in na splošno prispeva k boljši uporabniški izkušnji.Več sodelovanja:Ali smo resni, gostje se med brskanjem po lokalih zanesljivo mudijo in veliko praznega prostora bo povečalo povezavo s preprečevanjem prekinitev, ki upočasnjujejo gosta. Dejansko bomo že z rahlo oblazinjenjem okoli predmetov opazili določeno regijo na našem spletnem mestu. Glede na raziskavo, ki jo vodi Human Elements Worldwide, prazen prostor poveča zavest za skoraj 20 %.Zmogljivost za prikaz klica k dejanju (CTA):Včasih je najjasnejši način, kako nekaj narediti ločeno, narediti stvari večje. Slike lahko povečamo ali gumbe povečamo. Kljub temu je lahko zajetje stvari s presledki podobno izvedljivo.Čisto spletno mesto je enakovredno omembe vredno spletno mesto:Začetni občutek našega spletnega mesta je zelo pomemben. Tona izrednih močnih dizajnov, velika raznolikost načrtov - to veliko število komponent poveča vtis, ki ga naredi spletno mesto; vendar je presledek še posebej pomemben, ker kaže spretnost in iznajdljivost. Prazen prostor ne naredi vašega spletnega mesta izpostavljenega ali moderiranega. Ne glede na to, ali je dolg prazen prostor uporabljen na pravi način, bo vašemu spletnemu mestu dodal občutek uglajenosti in razširjenosti.Ustvarjanje ravnotežja:Premajhen presledek povzroči nered, nered in tresenje – značilnosti, ki jih ne potrebujete, povezane s podobo vašega spletnega mesta. Potem pa bi lahko veliko presledkov pomenilo odsotnost vsebine in odsotnost usmerjanja odjemalca. Ključno je, da prilagodite svoje načrte in pustite, da prazen prostor deluje kot neverjeten instrument za izolacijo kosov vsebine za preprosto odprtost in dodatno razvito izkušnjo strank.Približno kot ločilo:Prazen prostor izolira nepomembne komponente v načrtu. Ponavadi se uporablja za ločevanje slik ali dizajnov drug od drugega in deluje na vaši splošni vizualni obliki. Uporaba legitimnega praznega prostora omogoča jasnejšo skladnost misli in prepričljivih načrtov.

Zakaj je presledek pomemben?

Prazen prostor je po mojem mnenju kot oblikovalca osnovni gradnik dobrega oblikovanja. Oblikovalci se sklicujejo na negativni prostor ali prostor med deli v kompoziciji, ko uporabljajo izraz 'prazen prostor'. Je prazen prostor med grafiko, robovi in ​​žlebovi na strani, ki ni bil z ničemer označen. Očesu daje vidno dihanje prostor med stolpci, vrsticami besedila in številkami.

Obstaja prepričljiv razlog, zakaj je presledek ključna sestavina oblikovanja. Lahko spremeni zasnovo naše spletne strani in ji zagotovi številne prednosti, če jo pravilno uporabimo. Izdelati in ustvariti moramo postavitve, ki so prijetne za oko in spodbujajo bralce, da nadaljujejo. Ključnega pomena je, da se nenehno zavedamo, da je pri oblikovanju za splet naša prednostna naloga zagotavljanje fantastičnega izdelka našim strankam.

Presledek se lahko uporablja za vodenje bralca od enega elementa do drugega, ustvarjanje harmonije in ravnovesja ter pomoč pri blagovni znamki dizajna. Naši ključni cilji so narediti spletno mesto preprosto in jasno ter zagotoviti vsebino, ki bo našim uporabnikom všeč in jo cenijo. Presledek ni le 'prazen' prostor; je oblikovna funkcija, ki omogoča obstoj predmetov na strani. Območje vzpostavlja ravnotežje in služi kot stalni opomnik, da obstajajo čudoviti dizajni. Da bi posredovali jasno sporočilo, nam ni treba narediti postavitve, ki je preobremenjena z besedilom in grafiko.