Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

การแสดงข้อความขีดทับ (Strikethrough) ใน HTML

แท็ก <strike> ใน HTML ใช้ระบุข้อความที่มีเส้นขีดทับผ่านกลาง แท็กนี้ล้าสมัย (deprecated) แล้ว ควรใช้แท็ก <del> แทน แท็ก <del> ใช้สำหรับมาร์กอัปข้อความที่ลบออกแล้ว คือ ข้อความขีดทับ

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อแสดงข้อความขีดทับใน HTML:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML strike Tag</title>
  </head>
  <body>
    <p>The HTML strike tag renders a <del>strike</del> through the middle of the text.</p>
  </body>
</html>

แท็กที่เกี่ยวข้องกับการแก้ไขข้อความ

แท็ก วัตถุประสงค์ ตัวอย่าง
<del> ข้อความที่ลบออก (ขีดทับ) <del>deleted</del>
<ins> ข้อความที่เพิ่มเข้ามา (ขีดเส้นใต้) <ins>inserted</ins>
<s> ข้อความที่ไม่ถูกต้อง/ล้าสมัย (ขีดทับ) - ไม่ใช่การลบ <s>old price</s>

ตัวอย่างการใช้งานร่วมกัน

<p>ราคาเดิม: <s>&#3647;1,000</s> <ins>&#3647;750</ins></p>
<p><del>วันนี้พัก</del> <ins>วันนี้เปิดทำการปกติ</ins></p>

หมายเหตุ: แท็ก <strike> และ <s> ให้ผลลัพธ์ทางสายตาเหมือนกัน (ขีดทับ) แต่ความหมายทางความหมาย (Semantic) ต่างกัน: <del> ใช้สำหรับเนื้อหาที่ลบออกจากเอกสาร ส่วน <s> ใช้สำหรับเนื้อหาที่ไม่ถูกต้องหรือล้าสมัยแล้วแต่ยังคงแสดงไว้