อะไรคือ Empty Element

สำหรับคำถามว่า อะไรคือ Empty Element เราสามารถบอกได้คร่าว ๆ คือ element ที่จะไม่มีอะไรอยู่ด้านใน

ตัวอย่าง element ที่มีอะไรอยู่ด้านใน เช่น

<div>div มีอะไรอยู่ด้านใน</div>
<p>p มีอะไรอยู่ด้านใน</p>
<a href="#">a มีอะไรอยู่ด้านใน</a>

แล้วอะไรเป็น empty element ยกตัวอย่างง่ายที่สุด ที่คิดว่าทุกคนเคยใช้งานมันอยู่แล้วคือ

<img src="pic.jpg" alt="รูปภาพ">

ใช่แล้ว <img> นั้นเป็น empty element และที่สำคัญ empty element นั้น เราจะไม่มี closing tag

<img src="pic.jpg" alt="รูปภาพ"></img> // แบบนี้ผิด ห้ามใช้

แล้วมี element ไหนที่เป็น empty element บ้างละ ตามรายการนี้เลยครับ

• <area>
• <base>
• <br>
• <col>
• <embed>
• <hr>
• <img>
• <input>
• <link>
• <meta>
• <param>
• <source>
• <track>
• <wbr>

ส่วนแต่ละ element ใช้งานยังไง ลองค้น ๆ ดูในเว็บเราดูละกัน น่าจะมีเขียนถึงอยู่บ้างละ