Mis vahe on <div>, <img> ja <p> siltide vahel?

div - universaalne konteiner elementide rühmitamiseks, ei oma semantilist tähendust. Sageli kasutatakse paigutuste loomiseks.

img - kasutatakse piltide sisestamiseks dokumendisse. Kohustuslik atribuut src näitab teed pildifailile. Atribuut alt pakub alternatiivset teksti ligipääsetavuse jaoks.

p - esindab teksti lõiku. Brauserid tavaliselt lisavad vahemaid enne ja pärast <p> elementi.

Peamised erinevused:

Tagi	Otstarve	Semantika	Vaikimisi kuvamine
div	Rühmitamise konteiner	Puudub	Blokk
img	Pildi sisestamine	Näitab pilti	Rida-blokk
p	Esindab teksti lõiku	Näitab lõiku	Blokk

Näide:

<div>
  <h1>Pealkiri</h1>
  <p>See on teksti lõik.</p>
  <img src="image.jpg" alt="Pildi kirjeldus">
</div>