แท็ก <ins> ใน HTML ใช้สำหรับแสดงข้อความที่ ถูกเพิ่มเข้ามาใหม่ เช่น เนื้อหาใหม่, ราคาที่ปรับปรุง, การแก้ไขเอกสาร เบราว์เซอร์มักแสดงข้อความใน <ins> ด้วย ขีดเส้นใต้ (underline)
แอตทริบิวต์ของ <ins>
- cite — URL อ้างอิงแหล่งที่มาของการเพิ่ม/แก้ไข
- datetime — วันที่และเวลาที่เพิ่มข้อความ (รูปแบบ ISO 8601:
YYYY-MM-DDThh:mm:ssTZD)
ตัวอย่างการใช้งาน
<!DOCTYPE html>
<html>
<body>
<h2>รายละเอียดผู้เล่นพร้อมเวลารายงาน</h2>
<form>
<p>นี่คือ <ins cite="https://example.com/changelog" datetime="2024-01-15T10:30:00Z">รายละเอียดพร้อมเวลารายงาน</ins>:</p>
<fieldset>
<legend>รายละเอียดใหม่:</legend>
ผู้เล่น: <input type="text"><br>
อันดับ: <input type="number"><br>
อีเมล: <input type="email"><br>
เวลารายงาน: <input type="time">
</fieldset>
</form>
</body>
</html>
ผลลัพธ์
ข้อความ "รายละเอียดพร้อมเวลารายงาน" จะแสดงด้วยขีดเส้นใต้ (underline) แสดงว่าเป็นเนื้อหาที่เพิ่มเข้ามา
คำอธิบายโค้ด
<ins cite="..." datetime="...">...</ins>— เพิ่มแอตทริบิวต์ cite และ datetime เพื่อบันทึกข้อมูลการเปลี่ยนแปลง<fieldset>จัดกลุ่มฟอร์มรายละเอียดผู้เล่น
คู่กับแท็ก: <del> — ใช้สำหรับข้อความที่ ลบ/ยกเลิก (แสดงขีดทับ strikethrough) ใช้ร่วมกันได้เพื่อแสดงการเปลี่ยนแปลงเอกสาร
การใช้งานจริง: ใช้ในระบบ version control, collaborative editing, changelogs, legal documents ที่ต้องติดตามการเปลี่ยนแปลง
