ใน HTML5 แท็ก <del> ถูกใช้เพื่อแสดงข้อความที่ถูกลบหรือยกเลิกการใช้งาน ซึ่งข้อความที่อยู่ภายในแท็กนี้จะมีการขีดฆ่า (strikethrough) เพื่อแสดงว่ามันไม่ถูกต้องหรือไม่เป็นปัจจุบันอีกต่อไป
การใช้งานทั่วไปของ <del>
<p>This sentence was <del>wrong</del> but now it's corrected.</p>ในตัวอย่างนี้ คำว่า “wrong” จะถูกขีดฆ่าแสดงให้เห็นว่าข้อมูลนี้ไม่ถูกต้องแล้ว
การใช้งานร่วมกับแอตทริบิวต์
ใช้ร่วมกับแอตทริบิวต์ datetime : แอตทริบิวต์ datetime ช่วยให้ระบุวันที่และเวลาที่เนื้อหาถูกลบได้ในรูปแบบมาตรฐาน ISO 8601 เช่น
<p>This sentence was <del datetime="2024-10-04">incorrect</del> but now it's correct.</p>ตัวอย่างนี้ระบุว่า “incorrect” ถูกลบออกในวันที่ 4 ตุลาคม 2024
การใช้งานร่วมกับ <ins> : <del> มักใช้ร่วมกับ <ins> ซึ่งแสดงข้อความที่ถูกเพิ่มเข้ามา แสดงให้เห็นการเปลี่ยนแปลงหรือการแก้ไขในเอกสาร ตัวอย่างเช่น
<p>This word was <del>deleted</del> and <ins>added</ins>.</p>คำว่า “deleted” ถูกขีดฆ่า และ “added” ถูกเน้นว่าเป็นคำที่เพิ่มเข้ามา
การใช้กับข้อความยาวหรือเนื้อหาที่ยกเลิก : <del> สามารถใช้กับเนื้อหาที่ยกเลิกหรือข้อความยาว เช่น
<p>
This product is no longer available: <del>The product was available for $199.99 until June 2024.</del>
</p>เนื้อหาที่ถูกขีดฆ่าจะบอกให้ทราบว่าสินค้านั้นไม่ได้มีอยู่แล้ว
การใช้งานในการแสดงการเปลี่ยนแปลงในเอกสาร
ในกรณีที่มีการทำระบบตรวจสอบเวอร์ชันของเอกสาร เราสามารถใช้ <del> เพื่อแสดงการลบข้อมูลที่ไม่ถูกต้อง ตัวอย่างเช่น
<p>
We offer free shipping to <del>Canada</del> <ins>USA</ins> only.
</p>ในตัวอย่างนี้ “Canada” ถูกลบออกไปและ “USA” ถูกเพิ่มเข้ามาแทนที่ แสดงให้เห็นถึงการเปลี่ยนแปลงในเอกสาร
สรุป
<del>ใช้เพื่อขีดฆ่าข้อความที่ไม่ถูกต้อง- สามารถใช้ร่วมกับแอตทริบิวต์
datetimeเพื่อระบุวันที่และเวลาที่ข้อความถูกลบ - ใช้ร่วมกับ
<ins>เพื่อแสดงการแก้ไขหรือการเปลี่ยนแปลง - เหมาะสำหรับการแสดงการยกเลิกหรือแก้ไขเนื้อหาในเอกสาร
การใช้แท็ก <del> เป็นวิธีที่มีประโยชน์สำหรับการแสดงถึงการเปลี่ยนแปลงในเอกสารหรือการลบข้อมูลอย่างเป็นระบบ