<div>, <img> жана <p> тегдеринин айырмасы эмнеде?

div - элементтерди топтоо үчүн универсалдуу контейнер, семантик мааниси жок. Көп учурда макет түзүү үчүн колдонулат.

img - документке сүрөттөрдү киргизүү үчүн колдонулат. Мажбурий src атрибуту сүрөт файлынын жолун көрсөтөт. alt атрибуту жеткиликтүүлүк үчүн альтернатива текст камсыздайт.

p - тексттин абзацын көрсөтөт. Браузерлер адатта <p> элементинен алдын жана артында боштуктар кошот.

Негизги айырмачылыктар:

Тег	Максат	Семантика	Түзөлгөн көрүнүш
div	Топтоо үчүн контейнер	Жок	Блок
img	Сүрөттү киргизүү	Сүрөөгө ишарат кылат	Сызык-ичи-блок
p	Тексттин абзацын көрсөтөт	Абзацты көрсөтөт	Блок

Мисал:

<div>
  <h1>Титул</h1>
  <p>Бул тексттин абзацы.</p>
  <img src="image.jpg" alt="Сүрөттүн сүрөттөмөсү">
</div>