Crearea pauzelor de linie și a paragrafelor cu etichetele P & BR

click fraud protection

Când vine vorba de învățarea HTML, două etichete pe care majoritatea oamenilor le învață devreme sunt etichetele de paragraf și de linie, care sunt 

 și 
respectiv. Aceste etichete introduc pauze naturale în text, astfel încât conținutul paginii dvs. web să fie mai ușor de citit. Deși aceste etichete sunt destul de ușor de utilizat, ele pot provoca, de asemenea, o anumită confuzie și pot fi utilizate în mod abuziv.

Utilizarea corectă a elementului de paragraf HTML

Elementul de paragraf

este folosit ca o pereche de etichete cu 

 eticheta deschizând elementul și fișierul 

 eticheta închizându-l. În scrierea HTML4 sau HTML5, eticheta finală nu este necesară din punct de vedere tehnic, dar este considerată o bună practică să închideți această etichetă. În XHTML, închiderea este necesară.

Utilizați elementul de paragraf pe un site web la fel ca atunci când scrieți conținut pentru nevoi off-web - atunci când doriți să începeți o idee sau un punct nou. Majoritatea browserelor afișează paragrafe cu o linie goală între ele. Iată un exemplu de paragraf în HTML:

instagram viewer

Acum este momentul ca toți oamenii buni să vină în ajutorul țării lor. Vulpea brună și rapidă sări peste leneșul câine care dormea.

Multe alte etichete pot apărea între etichetele de paragraf de deschidere și de închidere.

Utilizarea corectă a elementului HTML Break Line

Elementul de întrerupere a liniei
eticheta este o etichetă singleton - nu are etichetă finală. În XHTML, trebuie să utilizați eticheta cu o bară finală (
), dar în HTML (inclusiv HTML5), nu este necesar.

Elementul de pauză este o pauză de linie forțată în fluxul de text al paginii web. Îl folosiți când doriți ca textul să continue pe rândul următor, dar conținutul nu este o idee sau un punct separat, ceea ce ar face din acesta un alt paragraf. Un exemplu în acest sens se întâmplă cu poezia în care pauzele de linie sunt de obicei fixate.

Iată un exemplu de întrerupere de linie în interiorul unui paragraf:

Acum este momentul ca toți oamenii buni să vină în ajutorul țării lor.

Vulpea brună și rapidă sări peste leneșul câine care dormea.


Deoarece eticheta de întrerupere a liniei este o etichetă singleton, nu pot fi utilizate alte etichete în cadrul acesteia.

Utilizări greșite frecvente ale

și
Etichete

Oamenii noi la codificare fac unele greșeli obișnuite cu elementele de paragraf și de linie când marchează o pagină web.

  • Folosind
    pentru a modifica lungimea unei linii de text
    : Utilizarea etichetei de întrerupere pentru a forța textul să apară sau să întrerupă într-un mod specific asigură acest lucru paginile dvs. arată minunat în browserul dvs., dar nu neapărat în alt browser și cu siguranță nu în toate dispozitive. Dacă site-ul dvs. este un site web receptiv, își modifică aspectul în funcție de diferite dimensiuni ale ecranului. Browserul introduce automat înfășurarea cuvintelor și apoi când vine vorba de
    etichetă, înfășoară din nou textul, rezultând linii scurte și linii lungi și text agitat. Ar trebui să folosiți Foi de stil CSS pentru a dicta stiluri vizuale în loc să încercați să forțați aspectul prin adăugarea de elemente HTML specifice.
  • Folosind pentru a adăuga spațiu între elemente: Din nou, acest lucru se îndreaptă către HTML pentru a crea un aspect vizual, în acest caz, spațierea, în loc să utilizeze CSS. Aceasta este o practică obișnuită a unor editori HTML și, deși nu este greșit din punct de vedere tehnic, are ca rezultat HTML cu aspect ciudat și poate fi confuz să editați mai târziu. De asemenea, nu este în conformitate cu standardele web și separarea structurii și stilului. În unele cazuri, folosind non-rupere spații în interiorul etichetelor de paragraf goale, altfel pot rezulta spațieri neașteptate în diferite browsere, deoarece toate par să interpreteze acest lucru diferit. Cea mai bună soluție pentru a obține elementele de distanțare necesare în proiectarea dvs. este utilizarea foilor de stil.
instagram story viewer