რა განსხვავებაა <div>, <img> და <p> ტეგებს შორის?

div - უნივერსალური კონტეინერი ელემენტების ჯგუფավորմանათვის, არ აქვს სემანტიკური მნიშვნელობა. ხშირად გამოიყენება განლაგებების შესაქმნელად.

img - გამოიყენება სურათების ჩასმაში დოკუმენტში. აუცილებელი ატრიბუტი src მიუთითებს სურათის ფაილზე. ატრიბუტი alt უზრუნველყოფს ალტერნატიულ ტექსტს ხელმისაწვდომობისთვის.

p - წარმოადგენს ტექსტის აბზაცს. ბრაუზერები ჩვეულებრივ დამატებენ სივრცეებს <p> ელემენტის წინ და შემდეგ.

ძირითადი განსხვავებები:

ტეგი	დანიშნულება	სემანტიკა	ნაგულისხმევი ჩვენება
div	ჯგუფის კონტეინერი	არ არის	ბლოკი
img	სურათის ჩასმა	მიუთითებს სურათზე	ინლაინ-ბლოკი
p	ტექსტის აბზაცის წარმოდგენა	მიუთითებს აბზაცზე	ბლოკი

მაგალითი:

<div>
  <h1>სათაური</h1>
  <p>ეს არის ტექსტის აბზაცი.</p>
  <img src="image.jpg" alt="სურათის აღწერა">
</div>