Mission 15: Div

เป้าหมายของ Mission นี้: ใช้ <div> จัดกลุ่ม element ที่เกี่ยวข้องกัน และรู้ ข้อจำกัดของมัน (ไม่มีความหมายเชิง semantic)

Div Tag

<div> คือกล่องเปล่าๆ ที่ใช้ห่อ/จัดกลุ่ม element หลายตัวเข้าด้วยกัน เพื่อจัด layout หรือใส่ style ร่วมกัน — เป็น tag ที่ ไม่มีความหมายเชิง semantic (บอก ไม่ได้ว่าข้างในคืออะไร) ใช้เมื่อไม่มี tag ที่เหมาะสมกว่า (เช่น <section> ที่จะ เรียนต่อไปใน Mission ถัดไป)

Demo

<div class="header-block">
  <img src="/avatar.jpg" alt="รูปโปรไฟล์" />
  <h1>จิรายุ แสงทอง</h1>
</div>