แท็ก <tt> ใน HTML คืออะไร?
แท็ก <tt> (Teletype Text) ใช้สำหรับแสดงข้อความในรูปแบบฟอนต์คงที่ (Monospace) เพื่อแทนอินพุตจากแป้นพิมพ์ แต่ แท็กนี้ล้าสมัย (Deprecated) ใน HTML5 แล้ว ควรใช้ <kbd> แทนสำหรับการแสดงแป้นพิมพ์
ตัวอย่าง (เพื่อการศึกษาเท่านั้น)
<!DOCTYPE html> <html> <body> <h2>ปุ่มลัดแป้นพิมพ์</h2> <p>ใช้ปุ่มลัดต่อไปนี้:</p> <p><strong>Cut</strong>: <kbd>CTRL</kbd>+<kbd>X</kbd></p> <p><strong>Copy</strong>: <kbd>CTRL</kbd>+<kbd>C</kbd></p> <p><strong>Paste</strong>: <kbd>CTRL</kbd>+<kbd>V</kbd></p> <p><strong>Undo</strong>: <kbd>CTRL</kbd>+<kbd>Z</kbd></p> </body> </html>
แท็กที่แนะนำให้ใช้แทน
| แท็กล้าสมัย | แท็กแทนที่ (HTML5) | วัตถุประสงค์ |
|---|---|---|
<tt> | <kbd> | อินพุตแป้นพิมพ์ |
<tt> | <code> | โค้ดโปรแกรม |
<tt> | <samp> | เอาต์พุตตัวอย่าง |
สรุป
อย่าใช้ <tt> ในโปรเจกต์ใหม่ ให้เปลี่ยนมาใช้ <kbd> สำหรับแป้นพิมพ์ <code> สำหรับโค้ด และ <samp> สำหรับเอาต์พุต เพื่อความเข้ากันได้กับมาตรฐาน HTML5
