HTML <kbd>แท็ก
ตัวอย่าง
กำหนดข้อความบางส่วนเป็นการป้อนข้อมูลด้วยแป้นพิมพ์ในเอกสาร:
<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text (Windows).</p>
<p>Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac OS).</p>
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
แท็ ก<kbd>
นี้ใช้เพื่อกำหนดอินพุตคีย์บอร์ด เนื้อหาภายในจะแสดงเป็นแบบอักษรโมโนสเปซเริ่มต้นของเบราว์เซอร์
เคล็ดลับ:แท็กนี้ไม่ได้เลิกใช้ อย่างไรก็ตาม เป็นไปได้ที่จะบรรลุผลที่สมบูรณ์ยิ่งขึ้นโดยใช้ CSS (ดูตัวอย่างด้านล่าง)
ดูที่:
Tag | Description |
---|---|
<code> | Defines a piece of computer code |
<samp> | Defines sample output from a computer program |
<var> | Defines a variable |
<pre> | Defines preformatted text |
รองรับเบราว์เซอร์
Element | |||||
---|---|---|---|---|---|
<kbd> | Yes | Yes | Yes | Yes | Yes |
คุณสมบัติสากล
แท็ ก<kbd>
ยังสนับสนุน Global Attributes ในHTML
คุณสมบัติของเหตุการณ์
แท็ ก<kbd>
ยังสนับสนุนแอตทริบิวต์เหตุการณ์ใน HTML
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ใช้ CSS เพื่อจัดรูปแบบ <kbd> องค์ประกอบ:
<html>
<head>
<style>
kbd {
border-radius: 2px;
padding: 2px;
border: 1px solid black;
}
</style>
</head>
<body>
<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text
(Windows).</p>
<p>Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac
OS).</p>
</body>
</html>
หน้าที่เกี่ยวข้อง
กวดวิชา HTML: การจัดรูปแบบข้อความ HTML
การอ้างอิง HTML DOM: Kbd Object
การตั้งค่า CSS เริ่มต้น
เบราว์เซอร์ส่วนใหญ่จะแสดง<kbd>
องค์ประกอบด้วยค่าเริ่มต้นดังต่อไปนี้:
ตัวอย่าง
kbd {
font-family: monospace;
}