แท็ก kbd: แสดงข้อความคีย์บอร์ดใน HTML

แท็ก <kbd> (Keyboard Input) ใช้สำหรับแสดงข้อความที่แทนการป้อนข้อมูลทางคีย์บอร์ด เช่น ปุ่มลัด, คำสั่ง หรือข้อความที่ผู้ใช้ต้องพิมพ์ โดยค่าเริ่มต้นเบราว์เซอร์จะแสดงด้วยฟอนต์ monospace

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

แสดงปุ่มลัดสำหรับเปิดแท็บที่ปิดล่าสุด:

<!DOCTYPE html>
<html>
<head>
    <title>ตัวอย่าง HTML kbd Tag</title>
    <style>
        kbd {
            background-color: #f4f4f4;
            border: 1px solid #ccc;
            border-radius: 3px;
            padding: 2px 6px;
            font-family: monospace;
            box-shadow: 0 1px 0 rgba(0,0,0,0.1);
        }
    </style>
</head>
<body>
    <p>เปิดแท็บที่ปิดล่าสุดโดยใช้ <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>T</kbd></p>
</body>
</html>

การใช้งานร่วมกับแท็กอื่น

• <kbd><kbd>Ctrl</kbd> + <kbd>C</kbd></kbd> - ปุ่มลัดคัดลอก (Nested kbd สำหรับแต่ละปุ่ม)
• <samp><kbd>ls -la</kbd></samp> - แสดงผลลัพธ์คำสั่ง (samp = sample output)

แท็ก Phrase Tags ที่เกี่ยวข้อง