Crearea liniilor și paragrafelor cu etichetele P & BR

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

și
respectiv. Aceste etichete fac 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, pot provoca și unele confuzii și pot fi utilizate în mod abuziv.

Utilizarea corectă a elementului paragrafului HTML

Elementul paragraf

este folosit ca pereche de etichete cu

eticheta care deschide elementul și

eticheta de închidere. În scris HTML4 sau HTML5, eticheta de sfârșit nu este necesară din punct de vedere tehnic, însă este considerată o bună practică închiderea acestei etichete. În XHTML, închiderea

este necesară.

Utilizați elementul de paragraf pe un site web la fel cum faceți atunci când scrieți conținut pentru nevoile de pe web - atunci când doriți să începeți o idee sau un punct nou. Cele mai multe browsere afișează paragrafe cu o linie între ele. Iată un exemplu de paragraf în HTML:

Acum este timpul ca toți oamenii buni să vină în ajutorul țării lor. Vulpea brunetă a sărit peste câinele de dormit leneș.

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

Utilizarea corectă a elementului de rupere a liniei HTML

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

Elementul de rupere este o ruptură a liniei forțate în fluxul de text al paginii web. Folosiți-o atunci când doriți ca textul să continue pe rândul următor, dar conținutul nu este o idee sau punct distinct, ceea ce ar face un alt paragraf. Un exemplu de acest lucru se întâmplă cu poezia în care liniile de rupere sunt, de obicei, fixate.

Iată un exemplu de rupere de linie într-un paragraf:

Acum este timpul ca toți oamenii buni să vină în ajutorul țării lor.
Vulpea brunetă a sărit peste câinele de dormit leneș.

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

Abuzuri comune ale

și
Etichete

Persoanele noi de codificare fac unele greșeli comune cu elementele de paragraf și de rupere a liniei atunci când marchează o pagină web.

• Utilizarea
  pentru a modifica lungimea unei linii de text: Utilizarea etichetei de pauză în încercarea de a forța textul să apară sau să se spargă într-un mod specific asigură că paginile dvs. arată excelent în browserul dvs., dar nu neapărat pe un alt browser și cu siguranță nu pe toate dispozitivele. Dacă site-ul dvs. este un site web receptiv, acesta își modifică aspectul pe baza unor dimensiuni diferite ale ecranului. Browserul pune automat în ambalajul cuvântului, iar apoi când vine vorba de
  tag-ul, acesta împachetează din nou textul, rezultând linii scurte, linii lungi și text încremenit. Ar trebui să utilizați foi de stil CSS pentru a dicta stiluri vizuale în loc să încercați să forțați aspectul adăugând elemente HTML specifice.
• Utilizareapentru a adăuga spațiu între elemente: Încă o dată, acest lucru se îndreaptă spre HTML pentru a crea un aspect vizual, în acest caz spațierea, în loc să folosiți CSS. Aceasta este o practică obișnuită a unor editori HTML și, deși nu este din punct de vedere tehnic greșită, rezultă un aspect HTML incomod și poate fi confuz de editat ulterior. De asemenea, nu este în conformitate cu standardele web și cu separarea structurii și stilului. În unele cazuri, folosirea spațiilor care nu se încadrează în interiorul tagurilor paranteze goale poate duce la spațierea neașteptată în diferite browsere, deoarece toate par să interpreteze acest lucru în mod diferit. Cea mai bună soluție pentru realizarea elementelor de spațiere necesare în proiectarea dvs. este utilizarea foilor de stil.

Aflați mai multe despre aceste și alte etichete din această listă de etichete HTML.