Care este diferența dintre elementele în bloc și elementele inline?
HTML este alcătuit din diverse elemente care acționează ca un element de bază al paginilor web. Fiecare dintre aceste elemente se încadrează într-una din cele două categorii - fie elementele de nivel bloc, fie elementele inline. Înțelegerea diferenței dintre aceste două tipuri de elemente reprezintă un pas important în construirea de pagini web.
Elemente de nivel de blocare
Deci, ce este un element la nivel de bloc? Un element de nivel de bloc este un element HTML care începe o linie nouă pe o pagină Web și extinde lățimea completă a spațiului orizontal disponibil al elementului părinte. Creează blocuri mari de conținut precum paragrafe sau diviziuni de pagini. De fapt, majoritatea elementelor HTML sunt elemente la nivel de bloc.
Elementele de nivel de bloc sunt utilizate în corpul documentului HTML. Acestea pot conține elemente inline, precum și alte elemente de nivel bloc.
Elemente inline
În contrast cu un element la nivel de bloc, un element inline poate:
- Începeți într-o linie
- Nu pornește o nouă linie
- Lățimea sa se extinde numai în măsura în care este definită de etichetele sale.
Un exemplu de element inline este eticheta , care face ca fontul conținutului text să fie conținut în caractere aldine. Un element inline conține, în general, numai alte elemente inline sau poate conține nimic, cum ar fi eticheta de rupere
.
Există, de asemenea, un al treilea tip de element în HTML: cele care nu sunt afișate deloc. Aceste elemente furnizează informații despre pagină, dar nu sunt afișate atunci când sunt redate într-un browser Web.
De exemplu: