Caracterele spațiului alb în html de tabulare în html, non-rupere spațiu în html, wrapping linie în html, blog

Caracterele spațiului alb în HTML: tabulare în HTML, spațiu fără rupere în HTML, înfășurare în HTML

Bună ziua, vizitator al site-ului ZametkiNaPolyah.ru. Cu această înregistrare continuăm rubrica: Amenajarea site-ului. în care există o secțiune HTML. De data aceasta vom vorbi despre caracterele HTML. La prima vedere, subiectul pare să nu fie important și nu este foarte necesar, dar vă pot asigura că acest lucru este departe de a fi cazul. Caracterele spațiului alb din HTML au. în primul rând, un scop clar și clar și, în al doilea rând, un comportament pre-determinat. Cred că, cu atribuirea spațiului alb în HTML, totul este mai mult sau mai puțin clar: caracterele din spațiul alb sunt utilizate în cea mai mare parte pentru formatarea codului HTML, dar nu numai pentru acest lucru. Dar cu comportamentul personajelor din spațiul alb, cred că totul este de înțeles. Chestia este că browserele tratează spațiul alb într-un mod special, așa că am scris că personajele din spațiul alb au un comportament bine definit.







Caracterele spațiului alb în html de tabulare în html, non-rupere spațiu în html, wrapping linie în html, blog

Caracterele spațiului alb în HTML: tabulare în HTML, spațiu fără rupere în HTML, înfășurare în HTML

Remarcăm odată faptul că HTML împarte spațiul alb în tipuri: fila HTML, spațiu și pauză de linie. Și fiecare dintre aceste vizualizări browserul se ocupă într-un mod special, în plus față de HTML există etichete speciale care îi spun browserului cum să proceseze caracterele spațiului alb. Din această intrare, veți afla despre ce caractere spațiu alb sunt necesare în HTML, ce tipuri de caractere spații libere sunt împărțite în HTML și modul în care browserul le manipulează.

Ne vom uita, de asemenea, în detaliu la fiecare dintre caracterele spațiului alb. Următoarele întrebări vor fi descrise în intrare:

  • Cum interacționează browserul spațiile într-un document HTML și care este diferența dintre un spațiu obișnuit și un spațiu alb indisolubil?
  • pentru care tabelarea este utilizată în HTML;
  • Modul în care browserul tratează liniile de întrerupere a liniei, care necesită pauze de linii în HTML și modul în care caracterul de rupere a liniei arată în HTML;
  • cum de a forța browserul să forțeze o rupere de linie;
  • și cum să salvați toate caracterele din spațiul alb în HTML.

De ce am nevoie de spațiu alb în HTML?

În HTML, ca și în orice limbă pe care lucrăm, există caractere de spațiu alb. Deci, să vedem mai întâi întrebarea: de ce avem nevoie de caractere de spațiu alb în HTML. Răspunsul este într-adevăr foarte simplu. Caracterele spațiului alb din HTML sunt utilizate în două scopuri. Primul scop sau prima atribuire a spațiului alb în HTML este formatarea documentului HTML.

Folosind spațiul alb, facem codul HTML ușor de citit și de înțeles pentru noi și pentru alți dezvoltatori. Sunt de acord că codul fără spații albe nu ar fi foarte lizibil și nu ar fi foarte convenabil să îl editați. Limba HTML standard este loială pentru caracterele albe, ceea ce înseamnă că le putem folosi în documentul dorit, dar putem scrie un cod solid.

A doua alocare a spațiului alb în HTML poate fi considerată a fi logică și folosim spațiile albe pentru a separa cuvintele între ele, deoarece textele fără spații ar fi complet necitite. Există situații în care introduceți în mod accidental câteva spații între cuvintele din interiorul etichetei HTML, caz în care browserul va "stoarce" aceste spații la unul. În viitor, vom vedea acest lucru și vom examina exemplul.

Sperăm că, odată cu atribuirea de caractere albe în HTML, ne-am dat seama și acum putem trece mai departe. Subiectul caracterelor goale este destul de simplu, dar important. În principiu, în HTML nu există subiecte complexe și nu este nimic important, deoarece HTML este standardul care trebuie respectat.

Tipuri de spații albe în HTML

Caracterele spațiului alb în html de tabulare în html, non-rupere spațiu în html, wrapping linie în html, blog

Cum arată caracterele în spațiu alb într-un document HTML

Observați imaginea: acesta este un ecran din Notepad ++, unde se deschide un document HTML din intrarea în care am vorbit despre elementele HTML. Săgeata portocalie este o filă în documentul HTML. Așa cum am de lucru pe Windows 10, apoi în ambalaj HTML am afișat două caractere: CR și LF (o astfel de tradiție, mergând de la mașini de scris, un simbol este desemnat LF pe linia de pauză de familie Linux). Dar spațiul din Notepad ++ este afișat cu un simbol roșu, dacă vă uitați atent la ecran, o veți observa.

Deci, Notepad ++ ne-a ajutat să vedem spațiul alb din documentul HTML. file, pauză de linie și spațiu. Cu toate acestea, majoritatea acestor caractere din spațiul alb nu vor fi văzute în pagina HTML pe care browserul o va forma. Am spus deja că limbajul HTML nu este sensibil la caracterele spațiului alb și că browserele elimină toate caracterele spațiului alb dintre etichete.

De asemenea, vrem să atragem atenția asupra faptului că fiecare caracter al spațiului alb ocupă spațiu pe hard-discuri, dimensiunea spațiului alb în HTML depinde de codificarea documentului. Prin urmare, dacă efectuați optimizarea internă a site-ului și încercați să reduceți viteza încărcării site-ului, atunci pe gazdă puteți încerca să eliminați toate caracterele spațiului alb între etichetele HTML. reducând dimensiunea documentului.







Spațiu și spațiu fără rupere în HTML

Caracterele spațiului alb în html de tabulare în html, non-rupere spațiu în html, wrapping linie în html, blog

Un exemplu de utilizare a spațiilor într-un document HTML

Salvați fișierul cu extensia .html în orice folder convenabil pentru dvs. și îl deschideți în browser, veți vedea această imagine:

Caracterele spațiului alb în html de tabulare în html, non-rupere spațiu în html, wrapping linie în html, blog

Afișarea spațiului alb în browser

Vedem că în primul paragraf HTML browserul "a convertit" toate spațiile suplimentare și caracterele spațiului alb, altele decât un spațiu, într-un spațiu. Și în al doilea paragraf avem o situație puțin diferită. Aici folosim un simbol special, despre care se spune adesea că este un fragment inseparabil în HTML. Problema este că nu este corect să vorbiți despre diferența inextricabilă din HTML, deoarece aceasta este o secvență specială de codificare.

Spații fără rupere în documente HTML. ca în orice alte documente, sunt folosite pentru a spune programului care deschide acest document (în cazul nostru pentru browser) că aceste cuvinte sunt legate de un spațiu, cu alte cuvinte, dacă scriem "Salut lumea! ", atunci browserul nu traduce niciodată cuvântul" lume! "fără cuvântul" Hello "la o nouă linie, transferul va fi efectuat numai împreună. În plus, orice altceva, un spațiu alb inextricabil în HTML poate fi folosit. Pentru a pune câteva spații între cuvintele din interiorul etichetelor HTML.

Observați imaginea care afișează fereastra browserului: browserul a ignorat toate întreruperile liniei, chiar dacă am folosit un spațiu inseparabil în interiorul etichetei HTML

. Să rezumăm subtotal: browserul ignoră toate caracterele spațiului liber în afara etichetelor HTML, iar browserul comprimă toate spațiile albe din tagurile HTML într-un spațiu. Dacă eticheta HTML nu utilizează un spațiu care nu se rupe.

Tabulare în HTML sau într-un alt spațiu alb

Un șir este înfășurat în HTML sau într-un al treilea caracter al spațiului alb. Un caracter de linie nouă

Migrați un șir la HTML. și nu numai în HTML, se face prin apăsarea tastei Enter. Caracterul de rupere a liniei în sistemele de operare Linux: LF. În sistemele de operare Windows CR LF. În sistemele Mac OS înainte de versiunea nouă, pauza de linie a fost o secvență CR. Deci, știm deja că browserul ignoră pauzele de linie în documentul HTML. oriunde s-ar afla.

Transferul unui șir în HTML este utilizat în principal pentru editarea și formatarea codului, pentru a fi ușor de citit și ușor de editat, nu neglija capacitatea de a pune un caracter de întrerupere a liniei pentru a facilita citirea codului de către dvs. și de cei care lucrează împreună cu dvs.

Modul în care browserul face pauze de linie

Caracterele spațiului alb în html de tabulare în html, non-rupere spațiu în html, wrapping linie în html, blog

Un exemplu de ceea ce face browserul este wrapping lines, concentrându-se asupra spațiilor din documentul HTML

În cazul antetului HTML, browser-ul nu a mutat nimic și a părăsit linia ca atare. Dar, în cazul paragrafului HTML, browserul are o înțelegere a modului de a muta linii, deoarece în textul paragrafului există caractere spații libere pe care browserul navighează pentru a efectua ruperea liniei.

Impachetarea forțată în linie HTML. Etichetă HTML

Cvadranul din opera lui Yesenin va fi afișat după cum urmează:

Caracterele spațiului alb în html de tabulare în html, non-rupere spațiu în html, wrapping linie în html, blog

Noi forțăm transferul forțat de linii în documentul HTML

Fiecare linie a poemului este scrisă dintr-o linie nouă, în principiu am realizat acest lucru. Deci, eticheta
Pentru împachetarea forțată a liniilor în HTML. Dacă scrieți două sau mai multe etichete BR într-un rând, browserul va genera câte pauze de linii forțate, deoarece există multe etichete
el se va întâlni în document.

O caracteristică importantă a etichetei
este că toate caracterele din spațiul alb care sunt în codul anterior și toate caracterele care sunt plasate după el sunt ignorate. Prin urmare, puteți crea în siguranță un transfer forțat al unei linii prin această etichetă, fără teama că în altă parte caracterul spațiu alb va "ieși". Este demn de remarcat faptul că eticheta
are un singur atribut HTML unic, care îi spune browserului cum să se ocupe de următoarele
string dacă textul se înfășoară în jurul elementului HTML plutitor, dar vom vorbi despre acest lucru într-o altă intrare.

Salvați spațiile în HTML. Etichetă HTML

Acum, să discutăm problema lui Vladimir Mayakovsky ... Sau mai degrabă a sa și-a scris, mai exact, modul în care înregistrăm poemele lui Vladimir Mayakovsky într-un document HTML.

Această etichetă vă permite să salvați caracterele spațiului alb în HTML. Când browserul întâlnește text în interiorul etichetei

, îl afișează așa cum este, adică, cu păstrarea tuturor caracterelor spațiale: linii de rupere, file și doar un spațiu vor fi stocate în tag 
 în forma în care le-ați scris.

Caracterele spațiului alb în html de tabulare în html, non-rupere spațiu în html, wrapping linie în html, blog

Pre-tag care vă permite să salvați spațiul alb în HTML

Codul documentului este foarte simplu, poemul lui V. Mayakovsky este plasat într-un container

. Acum, să vedem cum interacționează browserul cu caracterele spațiului alb în interiorul elementului HTML al PRE.

Caracterele spațiului alb în html de tabulare în html, non-rupere spațiu în html, wrapping linie în html, blog

Vedem că toate personajele din spațiul alb sunt păstrate așa cum le-am scris. Acum suntem convinși că eticheta

 salvează într-adevăr spațiile albe pe paginile HTML.

Lacune în HTML necesar pentru două scopuri: pentru lacunele browser-ul determină modul în care să efectueze liniile de transfer, spațiile necesare pentru a face textul ușor de citit. suport HTML, puteți utiliza codificare caractere speciale, de exemplu, un simbol al spațiului non-rupere în HTML, dacă doriți să scrie mai multe spații consecutive (în caz contrar, browser-ul le va reduce la unul) sau un cod pe care doriți să-i spuneți browser-ul dvs., astfel încât să nu poată sta cuvântul nou linii fără reciproc.

Un pic despre cum să creați site-uri web și cum să promovați un site web:

Vă recomandăm să vedeți și să citiți:







Trimiteți-le prietenilor: