Tag: empty element

  • อะไรคือ Empty Element

    อะไรคือ 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 ใช้งานยังไง ลองค้น ๆ ดูในเว็บเราดูละกัน น่าจะมีเขียนถึงอยู่บ้างละ