Caracter de filă HTML. Formatare HTML

Când documentul este afișat pe ecran, spațiile și liniile goale nu sunt păstrate, cu excepția textului inclus în etichete PRE(text preformatat). Adică, orice succesiune de spații, file și linii goale este echivalentă cu un singur spațiu în fișier HTML. Pe de altă parte, spațiul alb dintr-un fișier HTML poate fi reprezentat folosind orice număr de spații sau linii noi (albe).

Termen newlin(linie nouă) este folosită pentru a marca TEORETIC sfârșitul unei linii. SGML specifică că o linie (înregistrare) trebuie să înceapă cu un caracter de început (linie nouă - line feed, LF, cod ASCII 10) și să se termine cu un caracter de sfârșit de înregistrare (carriage return, CR, ASCII 13). În practică, documentele HTML sunt redate și transmise folosind o reprezentare newline compatibilă cu sistemele informatice date. Prin urmare, browserele HTML permit suport pentru oricare dintre cele trei reprezentări general acceptate ale delimitării liniilor, notate prin secvența CR LF, CR only sau LF only, și pe baza acestei presupuneri evidențiază erori în reprezentarea caracterelor de început și de sfârșit ale un record.

Astfel, nu contează cum împărțiți textul în linii, deoarece un avans de linie este echivalent cu un spațiu. Rețineți, totuși, că nu ar trebui să împărțiți un cuvânt în două rânduri în HTML. Dacă, de exemplu, împărțiți cuvântul internațional în două rânduri, după cum se arată mai jos:

aceasta va fi interpretată ca

Astfel, pentru a vă prezenta documentul în mod logic, ar trebui să utilizați etichete HTML, cum ar fi P sau BR pentru a furniza un avans de linie dacă este necesar.

În general, browserele nu împart cuvintele în două rânduri decât dacă cuvântul conține o cratimă. Specificațiile de referință HTML 3.2 nu sunt foarte precise în ceea ce privește această problemă și atunci când discutăm secțiunea tabelului, se oferă următoarele:

Pentru unii agenți utilizatori, poate fi necesar sau de dorit să traducă un șir într-un cuvânt. În astfel de cazuri, este recomandabil să verificați vizual dacă acest lucru s-a întâmplat.

Atenție la lungimea liniei este în afara controlului dumneavoastră. Acest lucru depinde de browser, de computer și de setările făcute de persoanele care văd documentul. În general vorbind, nu există nicio modalitate de a preveni întreruperile de rând între cuvinte, dar puteți încerca să preveniți întreruperile de rând folosind spații continue.

În ceea ce privește utilizarea newline-ului în combinație cu etichetele HTML, există reguli speciale:

• Întreruperile de linie imediat după eticheta de început sunt ignorate. De exemplu, liniile
• De asemenea, ruptura de linie care precede eticheta de final este ignorată. De exemplu, liniile

Caracterul filă orizontală (HT) poate fi utilizat într-un document HTML. Dar în interiorul elementului PRE Caracterul tabulatorului are o interpretare specială, este echivalent cu un spațiu și nu conține nici un fel de informații de filă. (Pentru a reprezenta datele tabulate, utilizați elementul masă.) Este practic cel mai bine să evitați includerea caracterelor tabulatoare în codul HTML și să utilizați o cantitate adecvată de spații în schimb dacă trebuie să formatați codul sursă document HTMLîn formă tabelată.

Eticheta specifică un caracter tabulator în text. Este similar cu utilizarea secvenței de evacuare /t.

1 2 3\t\t\t4
Afisat:
1 2 3 4

Distanța cu care se va deplasa linia atunci când este inserat un caracter tabulator în ea poate fi setată în mod arbitrar. Pentru aceasta este folosit atributul TABSTOPS al etichetei.

Eticheta nu este o etichetă HTML standard. A fost adăugat la etichetele de markup Flash pentru a ajuta la formatarea textului într-o manieră consecventă.

Etichetă...

Eticheta este responsabilă pentru caracteristicile de formatare a textului, cum ar fi marginile, indentările și deplasările liniilor. În el pot fi specificate următoarele atribute:

LEFTMARGIN. Mărimea marginii din stânga în puncte. Un analog este proprietatea leftmargin a clasei TextFormat.

MARGE DREAPTA. Valoarea marjei din dreapta în puncte este proprietatea rightmargin a clasei TextFormat.

RELICATEA. Indentați primul rând al unui paragraf în puncte. Printre proprietățile clasei TextFormat, este similară cu proprietatea indent.

BLOCKINDENT.

Indentarea unui paragraf de text în stânga în puncte. Analogic - proprietate blockIndent
clasa TextFormat.

CONDUCERE. Distanța dintre linii în puncte. O proprietate similară a clasei TextFormat este lider.

TABSTOPS. Atributul specifică ce decalaj de linie în puncte va provoca fiecare caracter tabulator din secvență. Valoarea sa este o listă de numere care indică distanțele cu care linia se va deplasa către fereastră dacă sunt introduse pe rând 1, 2, 3, ... n caractere de tabulatură. Un analog al atributului TABSTOPS este proprietatea tabStops a clasei TextFormat.

pole.html=pole.border=pole.multiline=true;
pole.htmlText="

0din tabR> Două tabR>
Trei Tabaruri>

Eticheta nu este o etichetă HTML standard. A fost introdus astfel încât capacitatea de a marca textul folosind etichete este similară cu utilizarea proprietăților clasei Format text.

Etichetă...

Etichetă conceput pentru aplicarea clasei Stilul CSSîn raport cu un fragment de text arbitrar.

Numele clasei este specificat în atributul CLASS.

This.createTextField("pol", 0, 150, 150, 200, 90);
pole.autoSize = pole.border=pole.multiline=true;
// Creați trei stiluri de clasă care definesc textul roșu, verde și albastru
var stil:TextField.Stylesheet = new TextField.Stylesheet();
var green_text:String = ".VERDE (culoare:#00FF00)";
var red_text:String = ".RED (culoare:#FF0000)";
var blue_text:String = ".BLUE (culoare:#0000FF)";
style.parseCSS(text_verde+text_roșu+text_albastru);
pole.styleSheet=stil;
// Afișează textul cu stilurile create
pole.text = " 3verde Text

Text roșu
Text albastru ";

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

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

De fapt, v-aș sfătui să nu ignorați subiectul utilizării diferitelor caractere speciale, deoarece aceasta este o componentă importantă care vă permite să finalizați 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

Mai întâi trebuie să faci nota importanta. Există taste speciale pe tastatura computerului care vă permit să separați text (mai multe despre asta mai jos). Cu toate acestea, doar o bară de spațiu largă oferă separare între cuvinte nu numai în editor, ci și în fereastra browserului. Există nuanțe la ruperea liniilor și la indentarea de la margini.

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

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

În ciuda faptului că rândurile versetului sunt localizate corect și că 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 liniile poetice vor fi afișate complet corect în browser:

Astfel, transferurile necesare liniile sunt completate. O altă caracteristică care trebuie remarcată aici este că mai multe spații care vin 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 forma potrivită. Pentru a implementa o astfel de sarcină, există chei speciale, fiecare dintre ele corespunde caracterului său spațial:

• Bara de spațiu este cea mai largă tastă de pe tastatura unui computer (fără etichetă);
• Tab - o tastă în stânga cu inscripția „Tab” și două săgeți îndreptate în direcții diferite;
• Rupere de linie - tasta „Enter”.

Totuși, așa cum am spus mai sus, obținem rezultatul final dorit nu numai într-un editor de text, ci și într-un browser, doar atunci când folosim prima cheie. Toate cele trei taste (inclusiv tab și ruptură de linie sunt utile atunci când formatați codul HTML. Să presupunem că așa arată un fragment de cod în NotePad++ (există o mulțime de informații despre acest editor) când se afișează toate caracterele spațiilor albe:

Obținem cod ușor de citit și de înțeles datorită spațiilor. Săgețile portocalii indică indentări create folosind tasta Tab, iar simbolurile CR și LF indică rupturi de linie create cu tasta Enter.

Containerele imbricate unul în celălalt sunt vizualizate, iar etichetele de deschidere și de închidere sunt clar vizibile. În această formă, acest cod poate fi editat cu ușurință. Acum compară-l cu același cod, care nu are o astfel de împărțire a textului:

În același mod, folosind caractere cu spații albe, puteți scrie reguli CSS care vor arăta vizual clare și digerabile:

După ce aduceți toate stilurile la un numitor comun și finalizați complet editarea fișierului de stiluri, puteți efectua editarea 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 numite mnemonice, au fost introduse pentru a rezolva o problemă de lungă durată cu codificările apărute în limbajul de marcare hipertext.

Când introduceți text pe tastatură, caracterele limbii pe care o utilizați sunt codificate. În browserul web, textul tastat va fi afișat folosind fonturile pe care le-ați selectat ca urmare a operației de decodare inversă.

Faptul este că există multe astfel de codificări, acum nu avem scopul de a le analiza în detaliu. Doar că fiecăruia dintre ele poate lipsi anumite simboluri, care, totuși, trebuie afișate. Să presupunem că simți nevoia de a scrie ghilimele simple sau un semn de accent, dar aceste pictograme pur și simplu nu sunt incluse în set.

Pentru a elimina această problemă, a fost introdus un sistem de simboluri speciale, care include un număr mare de mnemonice diferite. Toate încep cu un „&” și de obicei se termină cu un 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, va fi valabilă următoarea intrare:

Dar după ceva timp, celor mai comune simboluri li s-au atribuit analogi de litere (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 descoperi 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, ați primit confirmarea a ceea ce am spus mai sus, că pentru a afișa toate caracterele speciale, se folosește un cod digital () sau analogul său alfabetic (mnemonice simbolică), unde în loc de un set de hash se scriu semne și cifre, litere ().

Acum să vedem când să folosim aceste coduri. Să presupunem că într-un articol trebuie să indicați o etichetă HTML în scop informativ, de exemplu,