Contacte

Cum se adaugă un spațiu care nu se întrerupe în html. Cum se adaugă un spațiu care nu se întrerupe în codul HTML al unei pagini

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 - cărturarii 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 pur și simplu nu sunt în 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 utilizată numai atunci când autorul înlătură 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ă folosiț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 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 imprimate cu o 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. Punctele de suspensie nu înving cuvântul anterior 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)

Utilizatorii programului Word se pot confrunta mai devreme sau mai târziu cu o astfel de problemă, cum ar fi un decalaj mare între cuvinte. Această problemă este destul de bine studiată și există multe modalități de a o rezolva. Dar în acest articol vom vorbi doar despre un singur mod - cum să faci un spațiu care nu se sparge în Word 2007. Această caracteristică este foarte utilă, mai ales dacă problema te deranjează destul de des.

Spațiu fără rupere: taste rapide și scopul lor

După cum am menționat mai sus, pentru a vă salva problema atunci când sunt introduse spații lungi la introducerea textului în Word, trebuie să utilizați un spațiu special. Vom vorbi acum despre cum să o facem în Word.

Pentru a nu bate în jurul tufișului, ar trebui să spuneți imediat că există o combinație specială de taste pentru introducerea unui astfel de spațiu - CTRL + SHIFT + SPAȚIU. Puteți încerca să îl apăsați singur. Desigur, dacă nu ai avut o problemă cu spațiile lungi, atunci nu vei observa diferența (între spațiile obișnuite și cele care nu se rup). Cu toate acestea, puteți utiliza această metodă peste tot pentru a vă salva de formatarea incorectă a documentului.

Acum știi cum să faci un spațiu care nu se sparge în Word, dar nu toată lumea își poate aminti o astfel de combinație sau pur și simplu va fi incomod să o introduci de fiecare dată. Pentru a ușura viața, puteți utiliza realocarea acestor taste rapide. Să vorbim despre asta acum.

Trebuie să intri în meniul „Semne speciale”. Pentru a face acest lucru, accesați fila „Inserare”, selectați „Simboluri” și faceți clic pe „Altele”. Acum, în fereastră, accesați fila de care avem nevoie - „Caractere speciale”. Acum, în listă, găsiți linia „Spațiu neîntrerupt”. Faceți dublu clic pe câmp și introduceți combinația care vă este convenabilă.

Acum știți nu numai cum să creați un spațiu care nu se întrerupe în Word, ci și cum să îi atribuiți în mod independent o cheie. Dar despre asta nu aș vrea să vorbesc.

Instalarea corecției automate

Dacă tot simțiți disconfort atunci când apăsați o combinație de taste date, atunci există o altă modalitate de a face un spațiu care nu se rupe în Word. Constă în atribuirea autocorectei. Aceasta este o opțiune foarte utilă, nu numai pentru imprimarea unui spațiu care nu se sparge.

Pentru început, va trebui să așezați în clipboard (în cuvinte simple, copiați) elementul dorit, în cazul nostru, un spațiu care nu se rupe. După aceea, trebuie să accesați meniul deja familiar „Caractere speciale”. În această fereastră, faceți clic pe butonul „AutoCorrect”, care se află mai jos.

Acum ai o fereastră de autocorrecție în fața ta. Trebuie să introduceți în câmpul „Înlocuiți” acele caractere care vor fi înlocuite cu un spațiu neîntrerupt și să introduceți același spațiu în câmpul „Către”. Asigurați-vă că bifați caseta „Text simplu”. După aceea, faceți clic pe butonul „Adăugați”.

Așa că ai învățat cum să faci un spațiu care nu se sparge în Word, ce fel să folosești, depinde de tine. Acum să vorbim despre spațiul special.

Spatiu special

Principiul modului de a crea un spațiu fără rupere în Word este foarte asemănător cu crearea unui caracter special. Cel puțin esența este aproape aceeași. Utilizați un caracter special dacă doriți să setați o anumită spațiere între litere sau cuvinte. Acest simbol, apropo, se numește Spațiu îngust non-break.

Deci, pentru a seta acest simbol, trebuie să deschideți tabelul cu toate simbolurile. Acum, în lista derulantă Font, selectați Text simplu, iar în lista Set, alegeți Punctuație. Acum, printre multele personaje diferite, găsește-l pe cel de care ai nevoie - Spațiu îngust non-break. Dacă da, numele său este afișat deasupra butonului „AutoCorrect”.

După ce ați găsit simbolul, faceți clic pe butonul „Inserare”, după care simbolul va fi inserat în locul specificat. Dacă vă întrebați pentru ce poate fi utilă această funcție, atunci este grozavă pentru introducerea datelor. Astfel, numerele „2017” vor fi scrise lângă cuvântul „An”, și nu există nicio modalitate de a le împinge înapoi.

Vizualizați caractere care nu se imprimă

Tot ceea ce am vorbit în acest articol a fost despre caractere care nu se imprimă. După cum se poate înțelege din numele lor, ele sunt invizibile în text. Dar există o opțiune specială în program care vă permite să le afișați. Acesta este butonul corespunzător din panoul de sus al programului. Pe imagine puteți vedea locația sa și pictograma în sine.

După apăsarea acestui buton, toate vor fi afișate în text și dacă trebuie să interacționați cu ei, atunci acesta este singurul mod în care o puteți face.

Apropo, articolul a oferit exemple pentru versiunea 2007 a Word, dar dacă vă întrebați cum să faceți un spațiu fără rupere în Word 2010, atunci această instrucțiune ar trebui să vi se potrivească.

Dacă dezvoltați fișiere html, atunci probabil ați observat o astfel de caracteristică atunci când browserul ignoră spațiile. În codul sursă poate exista un număr nelimitat de ele, dar numai unul este vizibil ca rezultat. Cel mai adesea, o astfel de restricție are doar un efect pozitiv asupra producției de informații. La urma urmei, uneori puteți pune accidental câteva spații, ca urmare, documentul se dovedește a fi dezordonat. Și cu ajutorul unei constrângeri, distanța dintre cuvinte va fi întotdeauna fixată. Dar uneori este nevoie de a face un spațiu dublu sau triplu, html vă va permite să faceți o distanță nelimitată între cuvinte la discreția dvs. Există mai multe modalități de a îndeplini această nevoie, despre care vom discuta în acest articol.

Prima cale

Când este nevoie de a face o distanță mai mare între anumite cuvinte, se poate folosi un cod special de spațiu html. Este suficient să adăugați intrarea „ ”, care va crește distanța dintre caractere. Un astfel de cod poate fi folosit ca un spațiu obișnuit, cu excepția faptului că va fi întotdeauna luat în considerare la afișarea informațiilor de către browser. Acest spațiu html special este uneori folosit pentru a emula o linie roșie sau pentru a evidenția o singură bucată de text. Merită să vorbim puțin despre codul în sine. Primul caracter este semnul ampersand. Indică acțiunea unui cod special. Există multe alte combinații în html care dau efecte diferite. De exemplu, „>” și „&gl” înlocuiesc caracterele „<» и «>". Utilizarea lor este necesară deoarece marchează începutul și sfârșitul etichetei. În acest caz, „nbsp” înseamnă o formă prescurtată a comenzii „non-breaking space”, care în traducere înseamnă că există un spațiu numeric pentru această comandă.

amena " ", care repetă complet efectul unui astfel de spațiu. Este demn de remarcat faptul că, dacă codul „ ” este între cuvinte, atunci acestea vor fi întotdeauna pe aceeași linie. Dacă depășesc limitele ecranului, atunci în browser apare o bară de defilare. Codul „ ” este o emulare completă a unui spațiu obișnuit.

A doua cale

A doua metodă este folosită în scopuri mai mari. Un spațiu în html poate fi setat folosind o etichetă

Vă permite să afișați text fără formatare suplimentară.  Dacă informațiile sunt plasate în această etichetă, atunci acestea vor fi prezentate în forma sa originală ca în codul html al paginii.  Acest lucru ia în considerare nu numai spații, ci și întreruperi de linie.  Dar este de remarcat faptul că, ca și în cazul codului „ ”, textul inclus în etichetă 
Va ieși pe o singură linie dacă nu există o traducere naturală.  Mai este o remarcă.  Totul dintre etichetele de deschidere și de închidere 
Va avea un font specific

.

A treia cale

Această metodă nu poate fi numită nouă, deoarece pur și simplu oferă o alternativă la a doua. Folosind foi de stil în cascadă, puteți obține același efect ca eticheta

Cu toate acestea, fontul va rămâne neschimbat.  Regula „spațiu alb” cu o valoare „pre” emulează complet spațiul alb html folosind eticheta descrisă anterior.  Această comandă poate fi aplicată în orice zonă de text.

Concluzie

Metodele de mai sus vă vor ajuta să puneți un spațiu repetat. HTML vă permite să vă personalizați paginile într-un mod foarte flexibil. Dar, după cum arată practica, rareori este necesar să folosiți un spațiu multiplu.

Bună ziua, dragi cititori ai blogului! Cei care au reușit cel puțin superficial să se familiarizeze cu, probabil, au luat deja notă, deși în termeni generali. Aceasta înseamnă că au o idee despre ce caractere HTML sunt utilizate în general în codul documentului.

În articolul de astăzi, vom încerca să ne dăm seama ce este un spațiu în HTML, cazuri în care puteți utiliza caractere cu spații albe atunci când formatați codul în sine pentru o percepție ușoară. Vom învăța când este necesar să folosim un spațiu care nu se sparge și, de asemenea, vom face cunoștință cu alte personaje speciale (sau, așa cum sunt numite și mnemonice).

De fapt, aș sfătui să nu ignorați subiectul folosirii diferitelor caractere speciale, deoarece aceasta este o componentă importantă pentru a finaliza studiul limbajului de marcare hipertext. În general, informațiile furnizate în această publicație cu siguranță nu vor fi de prisos. Ei bine, acum la obiect.

Spații și caractere albe în HTML

În primul rând, trebuie făcută o remarcă importantă. Există taste speciale pe tastatura computerului care vă permit să implementați separarea textului (mai multe despre asta mai jos). Cu toate acestea, doar bara de spațiu largă oferă o separare între cuvinte, nu numai în editor, ci și în fereastra browserului. Există nuanțe la înfășurarea liniilor și la indentarea de la margine.

După cum știți, afișarea anumitor elemente într-un browser web este determinată de etichete. Pentru formatarea textului, se folosește un binecunoscut , care este bazat pe blocuri. Adică, conținutul său este situat pe toată lățimea disponibilă.

La înfășurați liniile în interiorul paragrafului P, trebuie să utilizați o singură etichetă BR, cu care se poate face acest lucru. Să presupunem că trebuie să inserăm în text câteva rânduri dintr-o poezie pe care o scriem într-un editor de text:

În ciuda faptului că rândurile versetului sunt localizate corect și cratimele sunt făcute în locurile potrivite, totul va arăta diferit în browser:


Pentru a obține aceeași afișare într-o fereastră de browser web, trebuie să scrieți BR la fiecare întrerupere de linie:

Acum am îndeplinit sarcina și în browser liniile poetice vor fi afișate destul de corect:

Astfel, pauzele de linie necesare sunt finalizate. Aici este, de asemenea, necesar să rețineți o astfel de caracteristică că mai multe spații care urmează unul după altul sunt afișate de browserul web ca unul singur. Puteți verifica acest lucru dacă în același editor încercați să puneți nu unul, ci mai multe spații între două cuvinte și, făcând clic pe butonul „Salvare”, priviți rezultatul în browser.

Spațiu, tabulație și întrerupere de linie

Practic, cu astea caractere cu spații albe ne cunoaștem imediat ce începem să lucrăm cu textul în editor și îl formatăm în mod corect. Pentru a implementa o astfel de sarcină, există chei speciale, fiecare dintre ele corespunde caracterului său spațial:

  • Spațiu - cea mai largă tastă de pe tastatura computerului (fără inscripție);
  • Tabulare - o cheie în stânga cu inscripția „Tab” și două săgeți îndreptate în direcții diferite;
  • Rupere de linie - tasta „Enter”.

Cu toate acestea, așa cum am spus mai sus, obținem rezultatul final dorit nu numai într-un editor de text, ci și într-un browser, numai atunci când folosiți prima cheie. Toate cele trei taste (inclusiv tab și ruptură de linie) sunt utile la formatarea codului HTML. Să presupunem că așa arată un fragment de cod în NotePad ++ (material explicativ despre acest editor) atunci când sunt afișate toate caracterele spațiilor albe:


Obținem cod ușor de citit și de înțeles datorită spațiilor. Săgețile portocalii marchează indentările create cu tasta Tab, iar caracterele CR și LF marchează întreruperile de rând făcute cu tasta Enter.

Containerele imbricate sunt vizualizate, etichetele de deschidere și de închidere ies bine în evidență. În această formă, acest cod poate fi editat cu ușurință. Acum compară-l cu același cod, care nu are o astfel de separare a textului:

În același mod, folosind caractere cu spații albe, puteți scrie reguli CSS care vor arăta vizual ușor de înțeles și de digerat:


După ce aduceți toate stilurile la un numitor comun și finalizați complet editarea fișierului de stil, îl puteți supune eliminând toate spațiile din cod. Acest lucru este necesar pentru a crește, ceea ce este foarte important atunci când promovați o resursă.

Caractere speciale (sau mnemonice) în codul HTML

Acum să ne uităm la cazurile în care este necesar să folosim caracterele speciale pe care le-am menționat la începutul articolului. Caracterele speciale HTML, uneori denumite mnemonice, au fost introduse pentru a rezolva o problemă de codificare de lungă durată în limbajul de marcare hipertext.

Când introduceți text pe tastatură, caracterele limbii pe care o utilizați sunt codificate. Într-un browser web, textul tastat va fi redat în fonturile pe care le alegeți ca urmare a operației de decodare inversă.

Cert este că există multe astfel de codificări, acum nu avem scopul de a le analiza în detaliu. Doar că fiecăreia dintre ele poate lipsi anumite caractere, care, însă, trebuie afișate. Să presupunem că ai chef să scrii ghilimele simple sau un semn de accent, iar aceste pictograme lipsesc banal din set.

Pentru a elimina această problemă, a fost introdus un sistem de caractere speciale, care include un număr mare de diverse mnemonice. Toate încep cu un ampersand „&” și de obicei se termină cu punct și virgulă „;”. La început, fiecare personaj special avea propriul său cod digital. De exemplu, pentru un spațiu care nu se rupe, pe care îl vom analiza mai detaliat mai jos, următoarea intrare va fi adevărată:

Dar după ceva timp, celor mai comune simboluri li s-au atribuit corespondente literale (mnemonice) pentru a le face mai ușor de reținut. Să presupunem că pentru același spațiu care nu se rupe arată așa:

Ca rezultat, browserul afișează simbolul corespunzător. Lista mnemotecilor este foarte voluminoasă, caracterele speciale utilizate cel mai frecvent în HTML puteti gasi din tabelul de mai jos:

simbol Codul mnemonice Descriere
spatiu de nerupere
spațiu îngust (în lățime litera n)
spațiu larg (lățime em până la litera m)
- em liniuță (în-liniuță)
- em dash (em-dash)
­ - ­ transfer moale
dar ́ accent, plasat după litera „șoc”.
© © drepturi de autor
® ® ® marcă înregistrată
semnul mărcii comerciale
º º º sulița lui Marte
ª ª ª oglinda lui Venus
ppm
π π π pi (folosește Times New Roman)
¦ ¦ ¦ linie punctată verticală
§ § § paragraf
° ° ° grad
µ µ µ micro semn
marca de paragraf
elipsă
supraliniere
´ ´ ´ semn de accent
semnul numeric
🔍 🔍 Lupă (înclinată spre stânga)
🔎 🔎 Lupă (înclinată spre dreapta)
semne ale operaţiilor aritmetice şi matematice
× × × multiplica
÷ ÷ ÷ divide
< < Mai puțin
> > > Mai mult
± ± ± plus minus
¹ ¹ ¹ gradul 1
² ² ² gradul 2
³ ³ ³ gradul 3
¬ ¬ ¬ negare
¼ ¼ ¼ sfert
½ ½ ½ o jumatate
¾ ¾ ¾ trei sferturi
bara fracționată
minus
mai mic sau egal cu
mai mult sau egal
aproximativ (aproape) egal
nu este egal
identic
rădăcină pătrată (radical)
Infinit
semn de însumare
marca produsului
diferenţial parţial
integrală
pentru toată lumea (vizibil doar dacă este aldine)
există
set gol
Ø Ø Ø diametru
aparține
nu apartin
conţine
este un subset
este un superset
nu este un subset
este un subset al fiecăreia
este un superset sau egal cu
plus într-un cerc
semn de înmulțire într-un cerc
perpendicular
injecţie
logic ŞI
SAU logic
intersecție
Uniune
semne valutare
Euro
¢ ¢ ¢ Cent
£ £ £ Livre
¤ ¤t; ¤ Semn valutar
¥ ¥ ¥ Yen și yuan semn
ƒ ƒ ƒ semnul Florin
markere
. marker simplu
un cerc
· · · punct de mijloc
traversa
dublu cruce
culmi
cluburi
inimile
diamante
romb
creion
creion
creion
mână
citate
" " " citat dublu
& & & ampersand
« « « ghilimele tipografice din stânga (ghilimele cu ghilime)
» » » ghilimele tipografice din dreapta (ghilimele în ghilime)
deschidere cu un singur unghi
ghilimele unice de închidere
accident vascular cerebral (minute, picioare)
cursă dublă (secunde, inci)
ghilimele simple din stânga sus
ghilimele simple din dreapta sus
dreapta jos ghilimele simple
ghilimele-picior stânga
ghilimele-picior dreapta sus
ghilimele-picior dreapta jos
un singur ghilimele englezesc deschidere
ghilimele unice englezești de închidere
deschidere dublu engleză ghilimele
ghilimele duble engleze de închidere
săgeți
sageata stanga
Săgeata în sus
sageata dreapta
săgeată în jos
săgeată la stânga și la dreapta
săgeată sus și jos
retur transport
săgeată dublă stânga
săgeată dubla în sus
săgeată dublă dreapta
dubla săgeată în jos
săgeată dublă la stânga și la dreapta
săgeată dublă în sus și în jos
săgeată triunghiulară în sus
săgeată triunghiulară în jos
săgeată dreapta triunghiulară
săgeată stânga triunghiulară
stele, fulgi de nea
om de zapada
Fulg de nea
Fulg de nea ciupit de trifoi
Fulg de zăpadă gras cu unghi ascuțit
stea umbrită
stea neumbrită
Steaua neumplută într-un cerc plin
Steaua plină cu cerc neumplut înăuntru
stea care se învârte
Steaua albă desenată
Cercul mijlociu neumplut
Cerc mediu umplut
Sextil (tip fulg de zăpadă)
Steaua care se rotește cu opt colțuri
Asterisc cu terminații sferice
Stea îndrăzneață cu elice în formă de picătură cu opt colțuri
Asterisc hexazecimal
Steaua plină cu douăsprezece colțuri
Steaua umbrită rectilinie îndrăzneață cu opt colțuri
stea plină cu șase colțuri
Steaua umbrită rectilinie cu opt colțuri
Steaua umbrită cu opt colțuri
asterisc cu opt colturi
Un asterisc cu un centru gol
stea grasă
Steaua neumbrită cu patru colțuri
Steaua umbrită cu patru colțuri
stea într-un cerc
Fulg de zăpadă în cerc
ceas
Ceas
Ceas
Clepsidră
Clepsidră

Cazuri de utilizare a unor caractere speciale, inclusiv spațiu care nu se întrerupe și cratima moale

Dacă ați studiat deja puțin tabelul, atunci ați primit confirmarea cuvintelor pe care le-am spus mai sus că, pentru a afișa toate caracterele speciale, se folosește un cod numeric () sau analogul său alfabetic (mnemonicul caracterelor), unde sunt scrise litere () în loc de o combinație de zăbrele și numere.

Acum să vedem când este necesară aplicarea acestor coduri. Să presupunem că într-un articol trebuie să specificați o etichetă HTML în scopuri informative, de exemplu,

. Dacă tastați paranteze unghiulare de la tastatură (și există o astfel de posibilitate), atunci browserul va percepe o astfel de construcție ca pe o etichetă de deschidere și nu ca pe o simplă bucată de text.

Prin urmare, luăm codurile corespunzătoare din același tabel de caractere speciale HTML și întreaga intrare va arăta astfel:

În plus, pentru a afișa în browser nu și ampersand în sine, ci desemnarea acestuia în formă

, trebuie să adăugați codul său din tabel:

subsol

Apoi browserul va afișa exact intrarea mnemotecilor care trebuie aplicate pentru a afișa eticheta FOOTER. Puțin confuz, dar pe această pagină puteți exersa acest aspect introducând mnemonicii pentru caracterele corespunzătoare în câmpul „HTML” și folosind butonul „Run”, iar în zona „Rezultat”, obținând rezultatul afișării lor în browserul:


Vă rugăm să rețineți că am furnizat împachetarea textului folosind eticheta BR deja menționată, astfel încât caracterele în sine să fie afișate nu într-un singur rând, ci într-o coloană pentru comoditate.

Mergi mai departe. Uneori, în text există combinații pe care nu este de dorit să le separe în linii diferite. Să spunem „1000 de ruble”. va fi logic fie să-l lăsați pe linia de sus, fie, dacă nu este suficient spațiu, mutați întreaga structură pe o linie de dedesubt.

Acest lucru este valabil mai ales dacă utilizatorii folosesc dispozitive cu lățimi diferite de ecran, inclusiv dispozitive mobile. Într-adevăr, în acest caz, browserul web formatează textul, adaptându-se la noile condiții. Și dacă textul arată corect la dimensiunile standard de monitor, atunci când se schimbă, totul se poate schimba.

Pentru aceste cazuri, există HTML care nu se sparge despre care am menționat deja. Permiteți-mi să vă reamintesc că în acest caz codul de spațiu este:

Și trebuie inserat între cele două seturi de caractere pe care doriți să le legați:

1000 de ruble.

Acum browserul nu le va separa niciodată, chiar dacă este necesară formatarea textului pentru a-l afișa corect.

Există, de asemenea, o situație în care un cuvânt foarte lung nu se potrivește în spațiul liber și trebuie să transferați o parte din el. Cum, dacă este necesar, să predeterminați o întrerupere de linie în acest caz? Pentru asta există caracter special cratima moale-, care trebuie plasat în locul unde trebuie rupt cuvântul:

longlonglonglonglonglongword

Dacă apare o situație în care un cuvânt trebuie să fie întrerupt cu cratima, atunci se formează un decalaj în locația mnemonicului cratimă moale, unde va apărea o cratimă (cratima), iar restul acestui cuvânt va fi pe linia următoare de mai jos.

Cu toate acestea, din nou, va fi util să urmăriți tot acest lucru, inclusiv exemple de transfer inextricabil și blând, cu proprii dumneavoastră ochi în practică:


În fereastra acestui editor, puteți redimensiona câmpul de vizualizare „Rezultat” prinzând marginea acestei zone cu butonul stâng al mouse-ului și, fără a-l elibera, trageți-l spre stânga pentru a reduce lățimea. Apoi, există o situație reală când browserul începe să reformateze conținutul pentru a-l afișa corect.

Și se efectuează transferul, care a fost prevăzut în exemplele pe care le-am descris. Cu toate acestea, puteți muta fereastra de vizualizare, extinzând-o sau îngustând-o și verificați vizual acest lucru.

Adăugarea corectă a unui spațiu care nu se întrerupe în HTML. Aspect valid.

Dacă ați încercat să tastați site-uri web, atunci probabil știți că atunci când adăugați câteva spații în text de la tastatură, acestea nu sunt salvate. Browserele le tratează ca pe un singur spațiu. Uneori, acest lucru duce la probleme de aspect. Acum vă vom arăta cum să adăugați mai multe spații la rând.

Folosind caractere speciale

În limbajul de marcare hipertext, este folosit un caracter special care este interpretat de browsere ca un spațiu. Aici era:

Trebuie să-l tastați exact în forma în care este prezentat mai sus. Dacă trebuie să inserați mai multe spații pe rând, introduceți mai multe astfel de caractere.

Cum ar arăta fragmentul nostru de cod dacă am dori să adăugăm trei spații la rând.

Secțiunea de testare a codului

Dacă ar fi să deschidem o astfel de pagină într-un browser, iată ce am obține:

Secțiunea de testare a codului

pre eticheta

Nu întotdeauna textul poate fi formatat în mod corect folosind etichete de marcare standard. În același timp, tastând-o de la tastatură, puteți obține rezultatul dorit. Dar, în cele din urmă, atunci când vizualizați pagina într-un browser, toată formatarea manuală va cădea și veți obține text simplu. Același rezultat va fi dacă adăugați manual mai multe spații care nu se rup într-un rând, doar făcând clic pe tasta cu același nume.

Cum să fii într-o astfel de situație?

Iată un exemplu de text cu un spațiu lung. Am obținut acest lucru prin includerea textului într-o etichetă PRE.

După cum puteți vedea, mai multe întreruperi de rând consecutive sunt de asemenea salvate. Pentru asta este această etichetă. Lasă formatarea manuală pentru textul care este inclus în el.

Video pentru articol:

Concluzie

Utilizați aceste metode numai pentru a insera formatare specială a textului. Nu ar trebui să utilizați aceste metode pentru a obține locația elementelor pe pagină. De exemplu, adăugați mai multe spații care nu se rup, astfel încât următorul element să fie în dreapta paginii. Pentru a face acest lucru, utilizați foi de stil.



Ți-a plăcut articolul? Împărtășește-l