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).
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.
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).
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
- Î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. - 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. - 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 - 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¢. - 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″. - Semnele de grade, minute și secunde sunt eliminate cu o distanță subțire față de cifrele ulterioare.
59° 57′ 00″ - 59° 57′ 00″
Numere și intervale
- Părțile fracționale și întregi ale numărului nu sunt separate de un spațiu de virgulă: 0,62 , 345,5 .
- 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 - Î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 % - Semnele unare plus, minus și plus-minus nu înving numărul care îl urmează: +20 °C , −42 , ±0,1 .
- 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
- 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!
- 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.
- Ghilimelele nu sunt separate prin spații de textul inclus în ele: cuirasatul „Potemkin”.
- 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).
- 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. - 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.
Cratime nedorite
- 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ă.
- 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.
- 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 închidereVa 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,
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.