ด้วยการนำ HTML5 มาใช้งาน หลายแท็กใน HTML4 ถูก Deprecated (เลิกใช้/ไม่แนะนำ) พร้อมกับบางแอตทริบิวต์ กรุณาใช้แท็ก/วิธีแทนที่แทน
รายการแท็กที่ Deprecated
| แท็ก | คำอธิบาย | แทนที่ด้วย |
|---|---|---|
<applet> | ระบุ Java applet | <object> |
<basefont> | ระบุฟอนต์พื้นฐาน | CSS font-family, font-size |
<center> | จัดข้อความกึ่งกลาง | CSS text-align: center |
<dir> | รายการไดเรกทอรี | <ul> หรือ <ol> |
<embed> | ฝังแอปพลิเคชันในเอกสาร | <object>, <iframe>, <video>, <audio> |
<font> | ระบุฟอนต์, ขนาด, สี | CSS font-family, font-size, color |
<isindex> | ช่องกรอกบรรทัดเดียว | <input type="search"> |
<listing> | แสดงรายการแบบ preformatted | <pre>, <code> |
<menu> | รายการเมนู (HTML5 นิยามใหม่แตกต่าง) | <ul>, <nav> |
<plaintext> | ข้อความธรรมดา (ไม่ parse HTML) | <pre> |
<s> | ข้อความขีดทับ | CSS text-decoration: line-through หรือ <del> |
<strike> | ข้อความขีดทับ | CSS text-decoration: line-through หรือ <del> |
<u> | ข้อความขีดเส้นใต้ | CSS text-decoration: underline (หรือ <ins> สำหรับการเพิ่ม) |
<xmp> | ข้อความ preformatted | <pre>, <code> |
เหตุผลที่ถูก Deprecated
- แยกเนื้อหากับการนำเสนอ (Separation of concerns) — HTML ดูแลโครงสร้าง, CSS ดูแลรูปลักษณ์
- เข้าถึงได้ (Accessibility) — Semantic tags ช่วย screen readers
- การบำรุงรักษา (Maintainability) — CSS จัดการสไตล์ได้ง่ายกว่า inline attributes
- ความปลอดภัย/ประสิทธิภาพ — บางแท็กเก่า (เช่น applet) มีช่องโหว่
ควรทำอย่างไร?
- ตรวจสอบโค้ดเก่า หาแท็ก deprecated
- แทนที่ด้วย semantic HTML5 + CSS
- ทดสอบความเข้ากันได้ข้ามเบราว์เซอร์
- ใช้ validator (W3C Validator) ตรวจสอบ
หมายเหตุ: แท็ก deprecated ยังทำงานในเบราว์เซอร์สมัยใหม่ (backward compatibility) แต่อาจถูกลบในอนาคต ควรย้ายไปใช้มาตรฐานใหม่
