Gandrīz katras tīmekļa vietnes struktūra, ko mēs atrodam un izmantojam tīmeklī, ir izveidota, izmantojot HTML — standartizētu sistēmu teksta failu klasificēšanai. Lapu pārtraukumi, rindkopas, spēcīgi burti, slīpraksts un citas funkcijas tiek pievienotas, izmantojot HTML. Izmantojot tagus, kas pārlūkprogrammām norāda, kā rīkoties ar saturu, HTML palīdz izveidot šo struktūru.

Piemēram, mēs ievietotu vārdu starp tagiem strong>bold/strong>, lai tas liktos treknrakstā. Sākuma atzīme (/) norāda, kur mēs vēlamies, lai treknraksts beidzas, savukārt pirmais tags (/) norāda, kur mēs vēlamies, lai treknrakstā sāktos. Tas kalpo par pamatu lielākajai daļai tīmekļa lapu. Tātad, šī ir vieta, kur sākt, ja mācāties kodēt.

Kā pievienot vietu HTML

Izņemot vienu atstarpi starp vārdiem, visas tukšās atstarpes, ko ievadām HTML tekstā, lai parādītu pārlūkprogrammā, netiek ņemtas vērā. Rezultātā mums ir jāieprogrammē vēlamās tukšās vietas savā dokumentā. Jebkurai teksta rindiņai HTML var pievienot atstarpi. Piemēram, mēs varam ievietot tukšas atstarpes tabulas un rindkopu saturā, izmantojot HTML objektu . Tā kā HTML trūkst tastatūras burta tukšai vietai, mums jāievada entītija, lai pievienotu katru atstarpi.

Tas var šķist vienkārši, taču vietas pievienošana mūsu HTML var būt sarežģīta. Ir vismaz piecas dažādas pieejas, kā par to rūpēties.

Šīs apmācības laikā mēs redzēsim daudzus gadījumus. Tas arī demonstrēs, kā izmantot sarežģītākas telpas formas.

mysql saraksts visiem lietotājiem

Tas viss ir iespējams vienkāršā HTML, neizmantojot CSS. Taču ņemiet vērā, ka vietas pievienošanu HTML vislabāk var izdarīt, izmantojot CSS.

Kā izskatās ASCII telpa?

Telpu apzīmē ar ASCII simbolu 20. Taču tā ir tikai pieņemta prakse.

HTML var izmantot piecus dažādu veidu atstarpes. Tie izskatās identiski neapmācītai acij, lai gan tiem ir nedaudz atšķirīgas funkcijas.

Vēl viena iespēja ir tabulēšanas rakstzīme, kas imitē tabulēšanas taustiņu nospiešanu uz tastatūras. Un vēl viens piemērs ir karieta atgriešanas rakstzīme, kas simulē tastatūras ievadīšanas taustiņa nospiešanu.

Nesalaužama vieta:

Kosmosā:  

Em atstarpe:  

Plāna telpa:

Standarta telpa:

Jauna rinda (atpakaļ):

Cilnes rakstzīme:

Kreisā puse apzīmē raksturs , un labā puse apzīmē HTML kods.

Cik plats ir varonis kosmosā?

Atstarpes rakstzīmēm ir četri standarta platumi:

Standarta platuma telpa:Tā kā tas neradīs rindiņas pārtraukumu (pazīstams arī kā karieta atgriešana), to sauc arī par 'ne-rindas pārrāvuma atstarpi'.Em Space:Tas ir nosaukts par “Em”, jo neatkarīgi no izmantotā šrifta tā platums ir tāds pats kā burtam M. (Ja esam dzirdējuši par frāzi “em-dash”, tad mēs zinām, par ko mēs runājam.)Kosmosā:Tas ir pazīstams kā “En”, jo tam ir tāds pats platums kā burtam n jūsu burtveidā.Plāna telpa:Šaurākā no visām telpām ir “plānā telpa”, kas ir pēdējā iespēja.

Ko nozīmē Space Sign in HTML?

ir visplašāk izmantotā HTML entītija.

masīvu saraksts java

Lai šis teksts aizpildītu vietu, mēģiniet to mētāt.

Iedomāsimies, piemēram, ka mēs vēlamies pievienot divas atstarpes aiz frāzes, bet vietnes renderēšanas programma pati likvidē vienu no atstarpēm. Lai pievienotu divas atstarpes, iespējams, varēsim ievadīt

Atstarpe: kas tas ir?

Rakstzīmes, kas nav redzamas, sauc par atstarpēm. Tie sastāv no:

1. telpas,
2. cilnes un
3. rindu pārtraukumi (ratu atgriešana, rindu plūsma vai abi),

Kāpēc tas ir būtiski?

Šie burti, piemēram, nav redzami tekstapstrādes programmā, taču tie ietekmē teksta vietu un formatējumu. Pārlūkprogramma apvieno daudzas atstarpes rakstzīmes vienā HTML atstarpē, kas atšķiras no citām iezīmēšanas valodām.

Starp vārdiem šajā HTML ir vairākas atstarpes, un katra rindiņa beidzas ar CRLF (carriage return, linefeed) rakstzīmēm. Visas atstarpes rakstzīmes tiks sakļautas pārlūkprogrammā.

Piemērs

Labas lietas prasa vairāk laika.

Izvade:

Atstarpes ievietošana

1. Izmantojiet teksta nedalāmo atstarpes zīmi ( ), lai nodrošinātu lielāku atstarpi.
2. CSS polsterējuma rekvizītu var izmantot, lai dažādos apstākļos palielinātu vietu elementā.
3. CSS piemales atribūts ļauj pievienot papildu atstarpi ap elementu.

Lai gan nelaužamas atstarpes ir noderīgas, tās nevajadzētu izmantot pārmērīgi, jo tas var traucēt materiāla rādīšanu pārlūkprogrammās. Turklāt nelietojiet nepārkāpjamas atstarpes stila nolūkos, piemēram, atkāpjoties vai centrējot elementu tīmekļa lapā; tā vietā stilistiskās prasības būtu jārisina, izmantojot CSS.

Papildus entītijai HTML atbalsta arī šādas papildu entītijas daudzām blakus esošajām tukšajām vietām:

Rakstzīmju entītija   tiek izmantota, lai attēlotu atstarpi. En ir mērvienība, kas ir līdzvērtīga 8 pikseļiem jeb pusei no em (16 pikseļi) platuma.

Sintakse atstarpei starp saturu ir   Šeit ir piemērs, kā izmantot HTML &ensp entītiju:

Šeit ir kosmosa entītijas piemērs.

Izvade:

Entītija   tiek izmantota iepriekš minētajā piemērā, lai HTML pievienotu atstarpes, un tās platums ir 8 pikseļi. Tos var izmantot arī vairākās blakus esošajās vietās.

Formatēšanas un atstarpju saglabāšana

Ja vēlaties saglabāt norādīto formatējumu un atstarpes, ir divas iespējas:

1. HTML formatējuma un atstarpes pievienošana
2. Izmantojot a

    tag.

Izmantojot iepriekšēju tagu

Šie rezultāti rodas, nomainot

tags

 tag:

Piemērs

 pre> Good things take more time 

Izvade:

Jā,

 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>

HTML formatēšanas un atstarpes pievienošana

Kā alternatīvu mēs varam iekļaut HTML elementus un simbolus, piemēram:

kas ir regex java

Labas lietas būs

aizņem vairāk laika.

Izvade:

Rindas pārtraukums ir nepieciešams
elements.

Nesalaužama vieta:

Pārlūkprogramma nesakļauj atstarpes, kas pievienotas ar nepārkāpjamu atstarpes rakstzīmi ().

Turklāt, kā norāda nosaukums, tas neļauj pārlūkprogrammai sadalīt divus vārdus.

Labas lietas aizņem vairāk laika.

Izvade:

Šajā modelī teksta sākumā ir pievienotas 10 atstarpes. Vēl viens tiek likts starp ' ņem ', kas netiks izolēts, kad teikums tiks aplaupīts vietas ierobežojumu dēļ.

Polsterējuma atribūts

Elementa iekšējā telpa tiek palielināta ar CSS polsterējuma atribūtu.

Tam ir vajadzīgas vērtības no viena līdz četrām, sākot no augšas, labās, apakšējās un labās puses.

The 'div' elementam ir 20 pikseļu polsterējums no visām pusēm.

 Inner spacing is 20px with a div attribute 

Izvade:

Margin atribūts

1. Izmantojot CSS piemales atribūtu, ap elementu tiek pievienota papildu vieta.
2. Tam ir vajadzīgas vērtības no viena līdz četrām, sākot no augšas, labās, apakšējās un labās puses.

The 'div' elementam no visām pusēm ir 40 pikseļi.

java sveiki pasaule

 Outer spacing is 20px using the div and margin attribute 

Izvade:

Polsterējums pret malu

1. Gan polsterējums, gan piemale palielina elementa vietu.
2. Polsterējums atstāj tukšumu, kas tiek uzskatīts par elementa sastāvdaļu.
3. Tiek uzskatīts, ka ar robežu izveidotā telpa atrodas ārpus elementa robežām.
4. Šis variants ietekmē klikšķu reģionu, fona krāsas un citus vietnes atribūtus.

Varētu uzskatīt, ka atstarpju pievienošana HTML ir tikpat vienkārša kā nepārtraukta atstarpes taustiņa nospiešana. Bet tas vienkārši nedarbojas kā lietas. Nospiežot atstarpes taustiņu vairāk nekā vienu reizi, netiks pievienotas papildu tukšas vietas, kā tas būtu teksta dokumentā. Ja mēs to darīsim HTML formātā, pārlūkprogramma apvienos visas tuvumā esošās tukšās vietas. Lai parādītu, kas notiek, ja HTML tiek izmantotas vairākas atstarpes, apskatīsim piemēru:

Tātad pēc daudzkārtējas atstarpes taustiņa izmantošanas mēs nevaram pievienot vairāk tukšu vietu

Izvade:

Atkārtoti nospiežot atstarpes taustiņu HTML, kā redzams iepriekš minētajā piemērā, mēs cenšamies tīmekļa lapā ievietot vairākas secīgas tukšas atstarpes. Tomēr pārlūkprogrammas vairākas blakus esošās tukšās vietas atveido kā vienu atstarpi un neņem vērā atstarpes pirms, pēc un ārpus komponentiem. Parādība ir pazīstama kā atstarpes sabrukums. Lai gan atstarpju sakļaušana dažkārt var būt kaitinoša, ir vairāki paņēmieni, kā pievienot vairāk atstarpi gan HTML, gan CSS (kaskādes stila lapās).

&

Rakstzīmju entītija   tiek izmantota, lai attēlotu em telpu. em platums, kas ir 16 pikseļi, ir līdzvērtīgs emsp.

Sintakse em atstarpēm tekstā ir   Šeit ir piemērs, kā izmantot HTML &emsp entītiju:

Šeit ir piemērs kosmosa vienībai.

Izvade

Entītija   tiek izmantota iepriekš minētajā piemērā, lai HTML pievienotu atstarpes, un tās platums ir 16 pikseļi. Tos var izmantot arī vairākās blakus telpās.

&thinsp

Rakstzīmju entītija tiek izmantota, lai attēlotu plāno telpu, ko bieži sauc par šauru telpu. Viena sestā daļa no em ir & platums

Plāna atstarpe sintaksē tiek ierakstīta kā saturs starpā. Šeit ir piemērs, kā izmantot HTML entītiju ''

korekts java

Šis ir plānas telpas vienības piemērs.

Izvade

Entītija tiek izmantota iepriekš minētajā piemērā, lai HTML pievienotu mazas atstarpes, un tās platums ir viena sestā daļa no em. Tos izmanto arī vairākās blakus telpās.

Zemāk ir ASCII māksla 'Hi'. # # ##### # # # ##### # # # # # # # # # # #####

Izvade:

Atstarpes izmantošanas pozitīvās puses

Paplašināta satura saprotamība:Kad klienti atrodas mūsu vietnē, viņiem ir jābūt iespējai redzēt, kur viņi dodas, lai saņemtu motivāciju turpināt lasīt. Godīgi sakot, atstarpes starp fragmentiem un ap teksta un attēlu blokiem palīdz indivīdiem saprast, ko viņi pārlasa, un papildina kopumā labāku klientu pieredzi.Vairāk sadarbības:Vai mēs varam būt patiesi, viesi droši steidzas, pārlūkojot atrašanās vietas, un, ja ir daudz atstarpju, savienojums palielināsies, novēršot pārtraukumus, kas palēnina viesu darbību. Patiešām, pat neliela amortizācija ap priekšmetiem liks mums pamanīt konkrētu mūsu vietnes reģionu. Saskaņā ar pētījumu, ko vadīja Human Elements Worldwide, atstarpe palielina izziņu par praktiski 20%.Iespēja piedāvāt aicinājumu uz darbību (CTA):Reizēm skaidrākā metode, kā kaut ko atšķirt, ir padarīt lietas labākas. Mēs varam palielināt attēlus vai palielināt pogas. Neskatoties uz to, lietas ietveršana ar atstarpēm var būt tikpat dzīvotspējīga.Tīra vietne ir līdzvērtīga ievērības cienīgai vietnei:Mūsu vietnes sākotnējai sajūtai ir liela nozīme. Daudz neparasti spēcīgu dizainu, daudz dažādu plānu — šis lielais komponentu skaits papildina vietnes radīto iespaidu; tomēr atstarpes ir īpaši nozīmīgas, jo liecina par izveicību un atjautību. Atstarpes nepadara jūsu vietni atklātu vai mērenu. Neatkarīgi no tā, cik garas atstarpes tiek izmantotas pareizi, tas piešķirs jūsu vietnei piesātinātības un izplatības sajūtu.Līdzsvara izveidošana:Pārāk maz atstarpes izraisa nekārtību, nekārtības un nestabilitāti — ar jūsu vietnes attēlu saistītas īpašības, kas jums nav vajadzīgas. Turklāt daudzās atstarpēs var būt satura trūkums un klienta norādījumu trūkums. Galvenais ir pielāgot savus plānus un ļaut tukšumam darboties kā neticamam instrumentam, lai izolētu satura gabalus vienkāršai atklātībai un tālākai klientu pieredzei.Tas darbojas kā atdalītājs:Atstarpes izolē plānā nebūtiskās sastāvdaļas. To mēdz izmantot, lai izolētu attēlus vai dizainus vienu no otra, un tas darbojas jūsu vispārējā vizuālajā formātā. Leģitīmas atstarpes izmantošana nodrošina skaidrāku domu un pārliecinošu plānu atbilstību.

Kāpēc atstarpes ir svarīgas?

Whitespace ir laba dizaina pamatelements, manuprāt kā dizainers. Dizaineri atsaucas uz negatīvo atstarpi vai atstarpi starp kompozīcijas daļām, kad viņi izmanto terminu 'baltstarpe'. Tā ir tukša vieta starp grafikiem, piemalēm un notekcaurulēm lapā, kas nav atzīmēta ar neko. Acij tiek piešķirts vizuāls elpošanas laukums, izmantojot atstarpi starp kolonnām, teksta rindām un skaitļiem.

Ir pārliecinošs iemesls, kāpēc atstarpes ir būtiska dizaina sastāvdaļa. Tas var mainīt mūsu vietnes dizainu un nodrošināt tai vairākas priekšrocības, ja to izmanto pareizi. Mums jārada un jārada acij tīkami izkārtojumi un rosina lasītājus turpināt. Ir ļoti svarīgi pastāvīgi paturēt prātā, ka fantastiska produkta piegāde mūsu klientiem ir mūsu prioritāte, izstrādājot tīmeklim.

Atstarpes var izmantot, lai vadītu lasītāju no viena elementa uz otru, radītu harmoniju un līdzsvaru un palīdzētu izveidot dizaina zīmolu. Mūsu galvenie mērķi ir padarīt vietni vienkāršu un skaidru, kā arī nodrošināt saturu, kas mūsu lietotājiem patiks un novērtēs. Atstarpe nav tikai 'tukša' vieta; tā ir dizaina funkcija, kas nodrošina lapā esošo vienumu pastāvēšanu. Teritorija rada līdzsvaru un kalpo kā pastāvīgs atgādinājums, ka pastāv skaisti dizaini. Lai sniegtu skaidru vēstījumu, mums nav jāizveido izkārtojums, kas ir pārslogots ar tekstu un grafiku.