<div>, <img> және <p> тегтері арасындағы айырмашылық неде?

div - элементтерді топтастыру үшін әмбебап контейнер, семантикалық мағынасы жоқ. Әдетте макеттер жасау үшін пайдаланылады.

img - суреттерді құжатқа енгізу үшін пайдаланылады. Міндетті src атрибуты сурет файлының жолын көрсетеді. alt атрибуты қол жетімділікті қамтамасыз ету үшін баламалы мәтінді ұсынады.

p - мәтіннің абзацыны білдіреді. Әдетте браузерлер <p> элементінің алдында және артында аралықтар қосады.

Негізгі айырмашылықтар:

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

Мысал:

<div>
  <h1>Тақырып</h1>
  <p>Бұл мәтіннің абзацы.</p>
  <img src="image.jpg" alt="Суреттің сипаттамасы">
</div>