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 rupe ș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 utilizării 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 bine-cunoscut , 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, tab și ruptură 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ă o bucată de cod în NotePad ++ (material explicativ despre acest editor) 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ă rupturile de rând efectuate 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ă caracterul corespunzător. Lista mnemotecilor este foarte voluminoasă, caracterele speciale utilizate cel mai frecvent în HTML puteti gasi din tabelul de mai jos:

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,