HTML pur și simplu ignoră spațiile. Când scrieți cod, apăsarea barei de spațiu, Enter sau Tab este ignorată. Astfel de prese HTML sunt interpretate ca caractere cu spații albe, în cuvinte simple - formatoare de cod (caractere, cuvinte, text), deci nu sunt afișate. Prin urmare, dacă trebuie să afișați spații, va trebui să le implementați în limbajul codului. Citiți acest articol pentru a înțelege cum în anumite situații.

Există mai multe metode pentru a adăuga spații unice în text. Nu sunt deloc complicate și vor cere utilizatorului să introducă doar câteva caractere în spațiul prevăzut pentru asta. Să aruncăm o privire la fiecare dintre aceste metode în detaliu.

Metoda unu. Inserați cod HTML - Introduceți-l în locul în care dorim să obținem un spațiu. „nbsp” este o abreviere pentru o anumită expresie engleză - non breaking space, care înseamnă un spațiu inseparabil în traducere.

Această metodă ar trebui utilizată în cazurile în care este nevoie de a introduce unul sau două spații între cuvinte sau caractere din text din motive de estetică și stil.

De exemplu, vă confruntați cu sarcina de a face o pauză între cuvinte, să spunem asta: " Buna ziua. Ce mai faci?". Va trebui să introduceți un cod pentru fiecare spațiu, astfel: " Buna ziua. Ce mai faci?"

Metoda a doua. Inserarea unui paragraf în HTML.

Trebuie să inserați următorul fragment de cod

înaintea textului care trebuie prezentat sub formă de paragraf.

Trebuie să lipiți codul

la începutul fiecărui paragraf.

La sfârșitul fiecărui paragraf, ar trebui să inserați o etichetă de închidere care arată astfel - . Deoarece eticheta de paragraf este o etichetă de pereche, nu poate fi închisă.

Metoda trei. Adăugarea de file folosind modulul HTML.

Este necesar să folosiți 4 sau chiar 5 spații care nu se rup pentru a adăuga o filă. În acest caz, codul va fi următorul: .

Nu există niciun element separat pentru file în HTML. Dacă doriți să utilizați tabularea peste tot pentru ușurința citirii informațiilor, atunci cu siguranță merită să aruncați o privire mai atentă la codul CSS.

Metoda Patru. Adăugarea de întreruperi de linie în HTML.

Unde doriți să creați o întrerupere de linie este să introduceți codul
.

Dacă puneți câteva astfel de etichete în text deodată -

Acest lucru poate muta textul cu un rând în jos. O etichetă în acest scenariu schimbă următoarea linie, iar a doua o omite.

Metoda cinci. Afișarea textului ca scris folosind HTML

Inserarea unei etichete în fața textului o va afișa ca tipărită sau în formatul specificat. Un astfel de text va conține toate spațiile care nu sunt afișate în codul obișnuit. În format tipărit, un spațiu arată exact la fel ca și cum l-ați pune în standard.

În acest articol, am analizat cum să inserăm un spațiu în HTML folosind exemple. Sperăm că nu veți avea dificultăți în acest sens în viitor. Noroc!

După cum rezultă din titlu, articolul se va concentra pe o parte integrantă a oricărui text în limba rusă (și nu numai) - un gol. Vom atinge istoria spațiilor albe, tipurile de spații albe, utilizarea spațiilor albe în tipografia web.

În general, un spațiu este orice spațiu gol din text scris de mână, tipărit sau afișat pe orice alt mediu. Deci spatiile sunt diferite:

• coborâtoare (goluri verticale mari în prima pagină a ediției) și spații de capăt ale benzii,
• liniuțele de paragraf și spațiile de sfârșit ale unui paragraf,
• spații de rând (între rândurile de text),
• spații de cuvinte (între cuvintele de pe aceeași linie),
• spații între litere (între literele dintr-un cuvânt).

În continuare, vom vorbi despre spațiile intercuvinte care separă cuvintele și aparțin funcțional semnelor de punctuație.

Istoria spațiului intercuvintelor

Spațiul dintre cuvinte este o invenție relativ târzie în istoria gândirii umane. O istorie în profunzime a decalajului este dată în Spațiul dintre cuvinte a lui Paul Saenger: Originile lecturii tăcute și, ceva mai puțin în profunzime, în Istoria scrierii de Johannes Friedrich.

Există, de asemenea, un articol bun al lui Anton Bizyaev despre lacune și istoria lor „Nu au fost lacune la început”, care a fost publicat în 1997 în revista Publish.

Pe scurt, decalajul a apărut destul de târziu, în acele scrieri în care lipsa diferențierii cuvintelor a dus la dificultăți în citire (așa-numita scriere consanică, unde se scriu doar consoanele). Cu toate acestea, în greacă și latină, care au înregistrat și vocale, utilizarea spațiului s-a pierdut. Paul Sanger atribuie acest lucru faptului că lectura a fost făcută cu voce tare, ceea ce a făcut mai ușoară distincția între cuvinte la perceperea textului.

Spațiul a început din nou să fie folosit în jurul secolelor VII-IX. n. e., iar această tradiție a venit din Irlanda, unde limba maternă a cărturarilor și cititorilor era irlandeza veche, iar literatura religioasă era scrisă în latină. Se pare că, din acest motiv, călugării au avut dificultăți să citească cu voce tare. Se crede că apariția unui decalaj este strâns legată de trecerea treptată de la citirea cu voce tare la citirea către tine însuți. Exemple de cărți în latină cu spații de intercuvânt sunt monumentele literaturii britanice: Evanghelia lui Durrow (sec. VII) și Cartea Kells (secolele VIII-IX).

Nici în alfabetul glagolitic și chirilic nu a existat spațiu, iar în sensul cu care suntem obișnuiți a fost folosit abia din secolul al XVII-lea.

Înainte ca omenirea să inventeze tipografia, nu a existat o clasificare specială a spațiilor intercuvinte - scribii puneau spații după ochi și le puneau. Permiteți-mi să vă reamintesc (am scris despre asta în articol) că manuscrisul și gravurile în lemn sunt metode de creare a textelor fără mobilitatea literelor. Desigur, golurile puteau fi obținute în diferite lățimi, deoarece golurile au fost realizate manual.

Lacune în tastarea manuală

Când a apărut mobilitatea literelor (și acest lucru s-a întâmplat odată cu apariția fonturilor de tipărire), au apărut întrebări în consecință - cum să puneți spații pentru a observa alinierea în lățime?

Tehnologia de tastare manuală este de așa natură încât linia de tastare este complet prinsă în bancul de lucru și în bucătărie și, în consecință, trebuie să aibă o lățime aproape egală cu lățimea benzii (pentru mai multe detalii despre tehnologia tastării manuale, vezi cartea cu acelasi nume de MV Schulmeister).

Din litere s-a tastat o linie cu tastare manuală (bare, la capătul cărora s-au realizat copii convexe ale literelor în oglindă, imprimate pe hârtie), iar spațiile intercuvinte au fost create folosind așa-numitele spații - bare de diferite grosimi, care nu au o suprafață de imprimare la capăt. Arata cam asa. Spațiile pentru fiecare dimensiune de font, desigur, au fost emise proprii și aveau lățimi diferite. De exemplu, pentru un font cu 10 puncte (dimensiunea standard pentru majoritatea publicațiilor text), spațierile au fost produse în lățimi de 10, 5, 4, 3, 2 și 1 punct.

Știfturile late au fost numite știfturi sau distanțe rotunde. Distanțele în jumătate de știft au fost numite semi-pin sau semicirculare. Există și denumirea de „spațiere subțire”, care înseamnă spațiere cu 1-2 puncte groase pentru o dimensiune a fontului de 8-12 puncte. Adică, pentru o dimensiune a fontului de 10 puncte, spațierea fină este de obicei de 2 puncte (respectiv, 1⁄5 puncte). Totuși, din cauza lipsei unei definiții precise a spațierii subțiri, în manualele editorului, editorului și designerului de layout, se vorbește de obicei nu despre spațiere subțire, ci despre atâtea puncte (presupunând că dimensiunea fontului este de 10 puncte).

Astfel, trebuie să înțelegeți că, în funcție de dimensiunea fontului, ponderea emspace (al treilea, sfert, etc.) poate avea lățimi diferite în puncte și invers.

Lățimea spațiului tradițional al cuvintelor

Așadar, după ce ne-am dat seama ce sunt spațiile rotunde și semicirculare, să trecem la lățimea spațiului real de intercuvinte adoptat în setul rusesc.

Schulmeister scrie (p. 94) că la tastarea unei linii, între cuvinte este plasat un semicerc. Când o linie este tastată până la sfârșit, în majoritatea cazurilor lățimea acesteia este fie mai mică, fie mai mare decât lățimea barei de apelare. Prin urmare, designerul de layout trebuie să modifice lățimea spațiilor, reducând-o la un minim de 1⁄4 rotund și mărind-o la maximum 3⁄4 rotund (respectiv, la tastarea a 10 puncte, spațiile dintre cuvinte pot varia de la 3 la 7 puncte). Desigur, există nuanțe care depind de formatul publicației, dar nu le vom atinge.

Cu toate acestea, Schulmeister speculează că spațierea semicirculară dintre cuvinte în sine este prea mare, iar utilizarea distanței standard de 1⁄3 rotundă este atât mai economică în ceea ce privește consumul de hârtie, cât și adesea mai frumoasă. De asemenea, utilizarea spațiului semicircular nu este recomandată pentru fonturile înguste.

Odată cu apariția mașinilor de turnat cu coarde, spațiile au început să fie uniformizate în lățime pe o singură linie, iar lățimea spațiului de intercuvinte a început să varieze cu aproximativ 1⁄3 rotund.

Tipografie computerizată și tipografie web

În prezent, suntem limitați de capacitățile fonturilor utilizate și, bineînțeles, de setul de caractere din Unicode. Trebuie reținut că nu toate fonturile conțin majoritatea caracterelor Unicode cu spații albe.

În trecerea la sistemele computerizate de aspect, s-a făcut o tranziție de la specificarea lățimii spațiilor în puncte la specificarea lățimii spațiilor în fracțiuni de rotundă, deoarece fonturile au început să se scaleze cu ușurință la orice dimensiune, iar elementele spațiilor albe trebuiau să rămână proporționale cu dimensiunea fontului.

Caractere de spațiu în Unicode

Unicode oferă următoarele caractere pentru spații în tipografia occidentală.

• Spațiu de intercuvinte, U+0020, - latime de la 1⁄5 la 1⁄2 rotund in functie de font. Pentru fonturile medii, spațiul cuvântului are o lățime de aproximativ 1⁄4 rotund (de exemplu, Times New Roman are exact un astfel de spațiu), pentru fonturi largi - aproximativ 1⁄3 rotund (Microsoft Verdana - 0,35 rotund, Microsoft Tahoma - 0,31 rundă).
• Spațiu de intercuvinte care nu se rupe, U+00A0, - are aceeași lățime ca un spațiu obișnuit între cuvinte, dar o întrerupere de linie nu este permisă în locul unui spațiu care nu se întrerupe.

Spațiile normale și nedespărțitoare dintre cuvinte sunt incluse în orice font și sunt afișate corect de toți agenții, cu excepția lipsei de creștere și scădere a spațiului de nedespărțire atunci când este justificată în unele procesoare de text și browsere (ceea ce este o încălcare a recomandări). De exemplu, FireFox scalează în mod corespunzător spațiile care nu se rup, dar MSIE 7.0 nu le scalează deloc.

Toate celelalte caractere cu spații albe au lățime fixă ​​și nu sunt întinse atunci când liniile sunt justificate în lățime. Cu toate acestea, conform algoritmului de întrerupere de linie al Unicode, toate acestea trebuie tratate ca un punct de întrerupere de linie.

• Spațiere rotundă, U+2003,   - după cum sa menționat, are o lățime egală cu dimensiunea fontului. Numit și Em Space, probabil pentru că „M” din unele fonturi mai vechi era atât de lat. În același timp, acum acest lucru este departe de a fi realizat peste tot și, prin urmare, afirmația că Em Space este întotdeauna lățimea literei „M” este o iluzie.
• Spațiere semi-rotunde, U+2002,   - semiturn. Numit și En Space, posibil pentru că „N” din unele fonturi mai vechi era atât de lat. În același timp, acum acest lucru este departe de a fi realizat peste tot și, prin urmare, afirmația că En Space este întotdeauna lățimea literei „N” este o iluzie.
• a treia spațiere, U+2004,   - turul trei. În engleză se numește Three-per-Em Space.
• spațiere între sferturi, U+2005,   - un sfert de rundă. În engleză se numește Four-per-Em Space.
• O a șasea rundă, U+2006,  . În engleză se numește Six-per-Em Space.
• Spațiere subțire, U+2009,   - are de obicei o lățime de 1⁄5 rotund (mai rar - 1⁄6). În general, lățimea sa depinde de limbajul tiparului și de producătorul fontului, iar în fonturile chirilice, spațierea subțire este de obicei de 1⁄5 em. Această distanță corespunde exact proporțional cu o distanță de două puncte cu un tipar de 10 puncte. În engleză se numește Thin Space.
• spațierea părului, U+200A,   - cea mai îngustă distanță, aproximativ 1⁄10-1⁄16 rotund. Această distanță corespunde aproximativ proporțional cu o distanță de un punct cu o dimensiune de 10 puncte sau chiar pare mai îngustă.

Folosind spații diferite

Deoarece lățimea spațiului dintre cuvinte este fixă ​​în font și se modifică automat atunci când este justificată în lățime, utilizarea altor caractere de spații albe ca caractere de intercuvinte este justificată numai la tastarea publicațiilor și numai dacă există o înțelegere profundă a motivului pentru care se face acest lucru .

În aspectul web normal, este suficient să folosiți spații intercuvinte obișnuite și nedespărțitoare pentru a separa cuvintele.

În același timp, conform regulilor tipografiei în limba rusă, spațierea subțire ar trebui utilizată în mai multe locuri (mai precis, cărțile de referință spun despre spațierea în două puncte, dar vom folosi termenul „spațiere subțire” ca cel mai potrivit atât din punct de vedere al terminologiei stabilite, cât și din punct de vedere al aspectului liniei la tastare).

Regulile de bază pentru utilizarea spațiilor vor fi descrise mai jos, dar în general recomandăm următorul principiu pentru a fi folosit atunci când amenajați pentru web.

Când se pregătesc documente HTML pentru publicare pe Internet, doar spațiul, spațiul care nu se întrerupe și spațierea ar trebui să fie folosite ca spațiu alb. În cazul în care autorul presupune că pagina ar trebui vizualizată folosind agenți care procesează incorect caracterul, atunci ar trebui să se folosească un spațiu obișnuit sau care nu se întrerupe în loc de spațiere.

Folosirea doar a spațiilor subțiri din întreaga varietate de elemente de spațiere permite, în primul rând, păstrarea aspectului armonios al textului dactilografiat și, în al doilea rând, să nu supraîncărcați autorul publicației cu diverse reguli de utilizare a spațiilor de diferite lățimi fracționale.

Gestionarea spațiilor de către browsere și motoarele de căutare

Când pregătim materialul pentru articol, am efectuat un fel de experiment pe o pagină special pregătită. Yandex și Google se ocupă bine de caracterele non-standard, înlocuind toate elementele de spațiu alb non-standard cu unele obișnuite atunci când căutăm (credem că acesta este comportamentul corect). Adică nu fac distincție între textele „două cuvinte”, „două cuvinte”, „două cuvinte” etc.

După cum sa dovedit, redarea elementelor de spații albe non-standard funcționează foarte prost în browsere. Doar Firefox 3.0 pe Windows XP și *nix, MSIE 7.0 și Safari pe Windows XP funcționează corect. Nu există date despre MSIE 8.0, dar, cel mai probabil, totul este în regulă și cu el.

• Firefox înainte de versiunea 3.0 nu întrerupe deloc liniile pentru spațiile albe non-standard. În acest caz, lățimea golurilor este afișată corect.
• Opera 9.26 și 9.50, FireFox 3.0 sub Mac, Safari sub Mac înfășoară linia, dar toate spațiile au aceeași lățime.
• MSIE 5.5 și 6.0 sub Windows 2000 pun pătrate în loc de spații (poate că caracterele corespunzătoare lipsesc pur și simplu din fontul de sistem).

Nu este complet clar de ce toate elementele spațiilor albe au aceeași lățime în toate browserele Mac. Probabil cu fonturi încorporate.

Reguli de bază pentru utilizarea spațiilor

Așadar, subliniem încă o dată că, în toate regulile enumerate mai jos, spațierea subțire este folosită numai atunci când autorul respinge riscul de a utiliza browsere care afișează incorect spațierea subțire de către vizitatorul site-ului. Acestea includ unele browsere în *nix (probabil din cauza fonturilor încorporate), MSIE versiunea 6.0 și anterioară, browsere Mac (acestea pot fi neglijate deoarece eroarea de randare este doar în lățimea de spațiere), eventual unele browsere pentru telefoane mobile și PDA.

În cazul în care utilizarea unor astfel de browsere este probabilă, vă recomandăm să utilizați spații intercuvinte obișnuite sau nedespărțitoare în loc de spațiere.

După cum este descris mai sus, conform regulilor Unicode, spațierea este un spațiu în care este posibilă o întrerupere de linie. În acele cazuri în care regulile impun setarea unei spații subțiri și interzicerea întreruperilor de linie (de exemplu, între cifre atunci când introduceți un număr), trebuie să utilizați o construcție precum 250 000. Elementul nobr HTML este proprietar și nu trebuie utilizat.

În continuare, descriem regulile de spațiere, care, conform observațiilor noastre, sunt cel mai adesea încălcate la așezarea textelor. Informații mai detaliate despre regulile de tastare a textelor pot fi găsite, de exemplu, în „Ghidul editorului și al autorului” de A. E. Milchin și L. K. Cheltsova.

Abrevieri și simboluri

1. În abrevierile „și așa mai departe”, „și altele asemenea”, „din moment ce”, „adică”, „și altele”, „înainte de epoca noastră”, „latitudine sudică” și altele asemenea, toate elementele abrevierilor sunt separate printr-un spațiu care nu se rupe.
   etc. - etc.
   etc. - etc.
   t. la. - t. la.
   adică - adică
   si altele – si altele
   î.Hr e. - î.Hr e.
   Yu. SH. - Yu. SH.
2. Inițialele sunt separate una de cealaltă și de numele de familie cu un spațiu de nesecat.
   A. S. Pușkin - A. S. Pușkin
   J. R. R. Tolkien - J. R. R. Tolkien
   De asemenea, este permisă separarea inițialelor una de cealaltă și a numelui de familie care îl urmează cu o spațiere subțire, cu toate acestea, transferul inițialelor sau al numelor de familie pe rândul următor este interzis. Indiferent de alegerea stilului inițialelor, este necesar să se respecte unitatea de stil în cadrul întregului document sau site.
   V.V.Putin - V.V.Putin
   V.Putin - V.Putin
   Putin V. V. - Putin V. V.
   Putin V. - Putin V.
3. Cuvântul prescurtat este separat de numele propriu printr-un spațiu nedespărțitor.
   Sf. Shchorsa - st. Shchors
   Moscova - Moscova
   metroul-i. Lenin - metroul-i. Lenin
4. Numărul și cuvântul contor corespunzător acestuia sunt eliminate cu un spațiu neîntrerupt.
   12 miliarde de ruble - 12 miliarde de ruble
   cap. IV - Cap. IV
   pp. 3-6 - paragrafe. 3-6
   orez. 42 - fig. 42
   Secolului 20 - Secolul XX.
   1941-1945 - 1941-1945
   secția numărul 6 - secția numărul 6
   § 22 - § 22
   25 % - 25 %
   97,5 ? - 97,5 ?
   16¢ - 16¢.
5. Numărul și unitatea de măsură corespunzătoare (cu excepția semnelor de grad, minut și secundă) sunt tipărite cu spațiere subțire, o întrerupere de linie este interzisă.
   400 m - 400 m
   100 t - 100 t
   451 °F - 451 °F
   dar 59°, 57′, 00″.
6. Semnele de grade, minute și secunde sunt eliminate cu o distanță subțire față de cifrele ulterioare.
   59° 57′ 00″ - 59° 57′ 00″

De remarcat că nu există o regulă complet stabilită în rândul tipografilor cu privire la compensarea semnelor procentuale și a monedelor, așa că punerea semnului procentual și a simbolurilor valutare aproape de număr nu este o greșeală dacă o astfel de utilizare este efectuată uniform pe tot site-ul. Cu toate acestea, credem că folosirea unui spațiu în acest caz îmbunătățește lizibilitatea textului.

Numere și intervale

1. Părțile fracționale și întregi ale numărului nu sunt separate de un spațiu de virgulă: 0,62 , 345,5 .
2. Cifrele numărului sunt îndepărtate una de cealaltă cu o distanță subțire, cu excepția datelor, numerelor (de exemplu, documentelor), a denumirilor de mașini și mecanisme.
   25 563,42 - 25 563,42
   1 652 - 1 652
   1 298 300 - 1 298 300
   dar 1999, GOST 20283, intrare. Nr. 982364
3. În desemnarea numerică a intervalelor, liniuța nu se ridică de la limitele intervalului.
   50-100 m - 50-100 m
   1 500-2 000 - 1 500-2 000
   1,5-2 mii - 1,5-2 mii
   15-20 % - 15-20 %
4. Semnele unare plus, minus și plus-minus nu înving numărul care îl urmează: +20 °C , −42 , ±0,1 .
5. Semnele binare ale operațiilor matematice și rapoartele sunt eliminate pe ambele părți la o distanță subțire.
   2 + 3 = 5 - 2 + 3 = 5

Semne de punctuatie

1. Punct, virgulă, două puncte, semne de întrebare și exclamare, punct și virgulă nu sunt separate prin spațiu de cuvântul anterior și sunt separate printr-un spațiu de următorul: Ha, ha. Ha? Ha!
2. Puntea de suspensie nu bate cuvântul precedent dacă este la sfârșitul unei propoziții sau a unei părți de propoziție și de la următorul dacă este la începutul unei propoziții: Wow... Ce? …Nimic.
3. Ghilimelele nu sunt separate prin spații de textul inclus în ele: cuirasatul „Potemkin”.
4. Parantezele nu sunt separate prin spații de textul inclus în ele și sunt separate prin spații în exterior (cu excepția cazului în care paranteza de închidere este adiacentă semnului de punctuație din dreapta): Textul dintre paranteze nu interesează pe nimeni (de obicei).
5. O liniuță este separată de cuvântul anterior printr-un spațiu care nu se întrerupe, iar de următorul - printr-un spațiu obișnuit (inclusiv dacă intervalul este specificat în formă verbală și nu digitală).
   Vitenka - bravo!
   doar un castravete lung de cincisprezece până la douăzeci de centimetri ne este potrivit
   Pactul Molotov-Ribbentrop.
6. Dacă două numere în formă verbală nu formează un interval, ci înseamnă „fie un număr, fie altul”, atunci este plasată o cratimă între ele, care nu este înlăturată de spații: a băut două-trei pahare.

Există o recomandare să înlăturați o liniuță la o distanță subțire sau să nu eliminați deloc de la un punct, virgulă sau ghilimele. Acest lucru poate fi justificat atunci când introduceți un anumit font, deoarece crește uniformitatea spațiilor. În același timp, la vizualizarea textului pentru web, fonturile utilizatorului pot fi complet diferite, motiv pentru care spațiul din stânga liniuței devine constant mai îngust decât cel din dreapta.

Cratime nedorite

1. Cuvinte scurte și conjuncții ( dar, Și, dar, eu, tu, și așa mai departe) este mai bine să înlăturați cuvântul următor cu un spațiu care nu se întrerupe, deoarece un cuvânt scurt agățat la sfârșitul rândului afectează lizibilitatea. Inclusiv este foarte de dorit să nu se permită o întrerupere a liniei între particule nuși verbul care îl urmează.
2. Particule la fel, ar, dacă este de dorit să învingi cuvântul anterior cu un spațiu care nu se întrerupe: același lucru ar spune dacă m-aș gândi.
3. Este indicat să nu separați prepozițiile de la începutul unei propoziții de cuvintele care le urmează. (chiar mai lungi decât cele cu una și două litere)

Ce este?

În html, există multe etichete diferite, atribute, valori care sunt folosite în diferite situații. Unele sunt folosite numai în scopul propus, altele au setări flexibile care le permit să fie utilizate într-o varietate de variații. Pe lângă etichetele obișnuite, html are caractere mnemonice speciale. Cu ajutorul lor, puteți afișa pe ecranul utilizatorilor diverse pictograme, pictograme etc. Unul dintre cele mai utile caractere speciale este spațiul care nu se sparge. Acest element va fi discutat în acest articol.

Scop

În html, un spațiu care nu se întrerupe poate fi folosit într-o mare varietate de situații. Cea mai obișnuită utilizare a acestui element este de a crește în mod natural distanța dintre caractere sau cuvinte. Unii s-ar putea să fie deja revoltați și să pună o întrebare logică: „De ce nu folosiți doar un spațiu obișnuit cu tasta spațiu de pe tastatură?”. Cert este că browserul va ignora toate spațiile suplimentare dintre cuvinte sau caractere, cu excepția primului alocat. Indiferent de câte dintre ele vor fi în codul sursă al paginii, doar unul va fi afișat în continuare. Astfel, dacă ai dorința de a pune două sau mai multe spații după altele, va trebui să folosești un caracter special. În plus, există și alte cazuri când acest element este utilizat, de exemplu:

• Linie rosie. Deși acest mod de afișare a unui paragraf nou se mai folosește rar pe web, este totuși util să știi că dacă pui câteva dintre aceste spații la început, obții un efect de indentare.
• Masa. Uneori, la construirea unui tabel, apar celule goale care trebuie umplute cu ceva, altfel întreaga structură este deformată din această cauză. Alternativ, puteți pune un spațiu care nu se rupe. Apoi utilizatorii vor vedea o celulă goală și tabelul va rămâne așa cum era.
• Desene pentru a atrage atenția. Folosind acest element, puteți construi o imagine din simboluri. Sau uneori un astfel de spațiu este folosit pentru a focaliza atenția utilizatorilor.

Aplicație

Un spațiu html neîntrerupt este atribuit prin scrierea de caractere speciale, și anume „”. Adică, inserând această intrare în codul sursă, veți obține un interval suplimentar. Lungimea sa va fi egală cu spațiul obișnuit. Intrarea „” înseamnă „SPAȚIU FĂRĂ RUpere”, care se traduce prin „spațiu fără rupere”. Puteți utiliza notația alternativă " ", care va da același efect.

Particularități

Caracteristicile distinctive ale acestui element includ faptul că, dacă puneți un astfel de spațiu între două cuvinte (caractere), atunci, în orice caz, acestea vor rămâne pe aceeași linie. În unele cazuri, va apărea o bară de defilare orizontală (când elementele ies din ecran). Uneori, dezvoltatorii folosesc acest element numai din cauza acestei caracteristici. De exemplu, când este cu adevărat important ca textul să fie pe o singură linie.

Concluzie

În cele mai multe cazuri, un spațiu care nu se sparge va fi inutil. Deoarece este rareori necesar să stabiliți un interval lung. Dar, într-un fel sau altul, este necesar să cunoaștem acest element. La urma urmei, într-o zi va fi util oricărui dezvoltator de fișiere html.

Toți cei care au încercat creați site-uri web în HTML s-a confruntat cu o astfel de problemă. Aproape tot Etichete HTML tăiați spațiile suplimentare. Și de data aceasta vă voi da un exemplu de acest „decupaj”, și vă voi spune, de asemenea, cum să vă asigurați că spațiile nu sunt decupate.

Să începem prin a scrie un simplu cod HTML:

Un text Continuat...

Dacă te uiți la rezultat, vei vedea că toate spațiile noastre au fost decupate și a mai rămas doar unul. La fel și aproape fiecare etichetă.

Există trei opțiuni afișați spații suplimentare în HTML. Prima modalitate este de a folosi eticheta<pre>:

Un text Continuat...

Drept urmare, veți vedea că decalajele rămân și asta este exact ceea ce ne-am dorit.

Dar există un alt mod pe care îl folosesc în mod regulat - entitatea „”. Această entitate înlocuiește pur și simplu caracterul spațiu:

Un text Continuat...

Drept urmare, vei vedea și o serie întreagă de spații. Pentru mine, această metodă este mai bună pentru că nu trebuie să folosiți etichete suplimentare. Dar aceasta este o chestiune de gust. Acolo unde este nevoie spațiu suplimentar în html, doar introduceți „” și bucurați-vă de rezultat.

Și, în sfârșit, ultima cale este Utilizarea CSS. Pentru a face acest lucru, trebuie doar să adăugați acest stil:

P(
spatiu alb: pre;
}

Această metodă este cea mai rapidă și mai ușoară, cu toate acestea, nu o folosesc, deoarece în practica mea sunt puține cazurile în care trebuie să adaug multe spații consecutive. Și dacă se întâmplă, atunci folosesc entitatea " " de mai multe ori. În plus, proprietate de spațiu alb nu este acceptat de toate browserele (în special, IE6Și IE7 nu acceptă), ceea ce limitează deja domeniul de aplicare al acestei metode.

În general, rezum:

1) Dacă orice parte a textului conține multe spații în locuri diferite, atunci utilizați eticheta<pre>.

2) Dacă aveți un singur moment undeva unde aveți nevoie de mai multe spații la rând, atunci utilizați entitatea "  ";

3) Dacă întreaga pagină este țesută dintr-o grămadă de spații consecutive (deși acest lucru este extrem de rar), atunci utilizați proprietatea spatiu alb cu sens pre.

Dacă doriți să aflați mai multe despre HTML, apoi consultați cursul meu gratuit cu un exemplu de creare a unui site web la HTML:

Textul dactilografiat este format din caractere tipărite - simboluri grafice.
Caracterele grafice sunt caractere care au o afișare vizibilă în text.
Toate caracterele grafice sunt colectate într-un set de un singur sistem Unicode universal.
Inserați caracterul grafic Unicode în documentul html
- scopul principal și singurul pentru acest tabel.

Puteți insera un caracter într-un document html în unul dintre următoarele moduri:

1. copiați imaginea simbolului din fereastra browserului în fereastra editorului dvs. vizual html
2. copiați codul html al unui caracter direct în codul documentului html

Înțelegem că acestea sunt două moduri diferite:

1. introduceți vizual în vizual
2. încorporați codul în cod.

Fontul pentru un simbol, dimensiunea și culoarea acestuia în HTML pot fi setate cu un cod ca:
CHAR_CODE
Unde,
Arial - font,
10px - dimensiunea fontului în pixeli,
#ff0000 - codul culorii fontului (roșu)

De exemplu:
☎ - dimensiunea fontului caracterelor 30px,
☎ - dimensiunea fontului caracterelor 30px, culoare - roșu
☎ - dimensiunea fontului caracterelor 20px,
☎ - dimensiunea fontului caracterelor 10px.
Notă. Fonturile recomandate pentru inserarea caracterelor speciale sunt Arial, Verdana și Tahoma. Aceste fonturi afișează corect caracterele Unicode și sunt, la rândul lor, acceptate corespunzător de aplicațiile web.

1. "Simbol"
   (afișare simbol vizibil)
   Din această coloană, puteți copia imaginea simbol și o puteți lipi în fereastra editorului de text HTML. Simbolul va fi copiat cu o dimensiune a fontului de 20px. După finalizarea copierii, poate fi necesar să ajustați individual dimensiunea fontului direct pentru caracterul copiat.
2. "Nume"
   (doar pentru personajele importante sau obscure)
   Explicația scopului simbolului, domeniul său de aplicare, exemple ...
3. „Mnemonică”
   Un mnemonic este un construct de litere de forma ", care denotă codul literei unui caracter în HTML. Este inserat direct în codul html al unui document html. Mnemotecnicii sunt foarte populari în rândul tipografilor profesioniști. Ele sunt perfect amintite de o persoană și sunt acceptate de toate aplicațiile html. Fiecare mnemonic conține un nume de literă (denumirea ) a simbolului său și un caracter de serviciu (&), care servește ca semnal pentru citirea codului pentru browser și nu este afișat pe ecranul monitorului.Numele al fiecărui mnemonic este unic și ușor de citit, deoarece este format din cuvântul englezesc care caracterizează simbolul.

   Mnemonică (greacă) - arta de a-ți aminti ceva. Mnemotecnia este folosită pentru a facilita percepția informațiilor greu de reținut atunci când obiectul memorării este adus într-o stare asociativă cu ceva.

4. "Codul"
   Cod - cod numeric de caractere zecimale în HTML, de forma &. Inserat direct în codul html al unui document html. Codul zecimal numeric constă dintr-un număr care indică numărul de serie al caracterului în sistemul Unicode și mai multe caractere de serviciu (& și #), care servesc drept semnal pentru browser pentru a citi codul și nu sunt afișate pe ecranul monitorului. Codul zecimal numeric este utilizat și utilizat pe scară largă datorită versatilității și ușurinței de percepție.

Caractere de control în HTML (XHTML)

Caracterele de control în HTML (XHTML) sunt simbolurile de serviciu ale limbajului HTML care sunt utilizate în aspectul HTML al unei pagini web. Aceste caractere trebuie să fie acceptate de orice browser, deoarece fără ele este imposibil să se afișeze corect textul HTML. Caracterele de control nu sunt afișate în text și, atunci când sunt introduse direct de la tastatură, sunt interpretate de browser ca semne de punctuație, solicitând anumite acțiuni atunci când pagina este desenată pe ecran.

Este permisă utilizarea caracterelor de control în textele obișnuite, unde acestea simbolizează concepte universale și sunt tratate de browser ca caractere tipografice obișnuite. Cu această utilizare a simbolurilor de serviciu în textele HTML, este necesar să introduceți nu valoarea simbolului în sine, ci codul său HTML. Căci, repet, altfel browserul va percepe caracterul serviciului ca un apel la acțiune și nu va afișa corect textul HTML pe ecranul monitorului.

Caracterele de control și codul lor HTML sunt cunoscute și înțelese de toate browserele fără excepție, ceea ce, din păcate, nu se poate spune despre alte caractere care ar putea să nu fie afișate corect în diferite browsere sau, și mai rău, să nu fie afișate deloc.

Sintaxă și punctuație

	spațiu de lungime N (spațiu regulat)
	spațiu de lungime M (spațiu lung)
-	cratima moale (caracter care nu se imprimă)			-	­
‑	cratimă				– ‑
-	liniuță de lungime N (liniuță obișnuită)			-	–
—	liniuță lungime M (liniuță em)			—	—
.	punct				.
,	virgulă				,
…	elipsă			…	…
:	colon				:
;	punct şi virgulă				;
!	Semnul exclamarii				! ǃ
?	semnul întrebării				?
@	"câine"				@
*	"stea"				*
#	"zăbrele"				#
‘	citat unic din stânga sus			‘	‘ ‘
’	citat unic din dreapta sus			’	’ ’
‚	citat unic din dreapta jos			‚	‚ ‚
“	citatul dublu din stânga sus			“	“ “
”	citatul dublu din dreapta sus			”	” ”
„	citat dublu jos din dreapta			&bdquo	„ „
«	citat dublu unghi stânga (rus)			«	«
»	citat dublu în unghi drept (rus)			»	»
́	semn de accent, exemplu: Vasya				́
"	apostrof, exemplu: tu „Eu				"
´	acut, exemplu: you'ya			´	´
¶	paragraf (caracter care nu se imprimă)			¶	¶
§	paragraf			§	§
ˆ	accent (pasăre inversată)			ˆ	ˆ ˆ
˜	tildă mică			˜	˜ ˜
¦	linie punctată verticală			¦	¦
(	paranteza stângă				(
)	paranteza dreapta				)
〈	paranteză unghiulară stânga			〈	〈
〉	suport unghiular dreapta			〉	〉
‹	unghi stanga, varianta			‹	‹
›	unghiular dreapta, varianta			›	›
[	paranteză pătrată stânga				[
]	paranteză dreptă				]
/	slash - caracter slash				/
\	backslash				\
⁄	bară oblică (semn de diviziune)			⁄	⁄
ǀ	bară verticală				ǀ
ǁ	bară verticală dublă				ǁ
‾	supraliniere, exemplu: Vasya‾Vasya			‾	‾
¯	macron, exemplu: Vasya¯vasya			¯	¯

Mărci comerciale și monedă

+	plus			+	+
−	minus			−	- −
=	egală				=
±	plus sau minus			±	±
×	semn de înmulțire			×	×
÷	semn de împărțire			÷	÷
⋅	operator punct (mijlocul șirului)			⋅	· ⋅
∗	operator asterisc (mijlocul șirului)			∗	∗
∼	operator tilde			∼	∼
.	marcator de listă (mijlocul liniei)			.	•
¹	indicele „1”			¹	¹
²	indicele „2”			²	²
³	indicele „3”			³	³
Superscript și indice în HTML (XHTML) pot fi introduse folosind etichete Și , respectiv: NUMĂR Superscript→ NUMĂR Superscript NUMĂR indicele→ NUMĂR Indice
½	fracție „o jumătate”			½	½
⅓	fracțiune „o treime”				⅓
¼	fracția „un sfert”			¼	¼
¾	fractie de trei sferturi			¾	¾
№	semnul numeric				№
%	la sută				%
‰	ppm			‰	‰ ‰
°	grade			°	°
′	accident vascular cerebral (minute, picioare)			′	′
″	cursă dublă (secunde, inci) Exemplul 1: 30° 25′ 12″ Exemplul 2: 25′ 12 ″			″	″
µ	micro			µ	µ
π	Pi			π	π
ƒ	semnul funcției (a nu se confunda cu „integral”)			ƒ	ƒ ƒ
∫	integrală			∫	∫
∅	zero, set gol (a nu se confunda cu „diametru”)			∅	∅
⌀	diametrul (a nu se confunda cu "o" latin barat)				⌀
ø	latină „o” încrucișată în diagonală			ø	ø
Ø	„O” majuscul latinesc tăiat diagonal			Ø	Ø
∏	marca produsului			∏	∏
∑	semn de însumare			∑	∑
√	radical (rădăcină pătrată sau rădăcină x)			√	√
∝	proporțional			∝	∝
∞	Infinit			∞	∞
∠	injecţie			∠	∠
⊥	ortogonal (perpendicular)			⊥	⊥
∴	semn „prin urmare”.			∴	∴
≅	aproximativ egal cu			≅	≅
≈	aproape egal			≈	≈
≠	nu este egal			≠	≠
≡	identic			≡	≡
≤	mai mic sau egal cu			≤	≤
≥	mai mult sau egal			≥	≥
∧	logic ŞI			∧	∧
∨	SAU logic			∨	∨
⊕	semnul plus într-un cerc (suma directă)			⊕	⊕
⊗	semnul „înmulțire într-un cerc” (produs încrucișat, săgeată de la observator)			⊗	⊗
ʘ	punct într-un cerc (săgeata la observator)				ʘ

				✵ ✵