Thẻ HTML <kbd>
Thí dụ
Xác định một số văn bản làm đầu vào bàn phím trong tài liệu:
<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>
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thẻ <kbd>được sử dụng để xác định đầu vào bàn phím. Nội dung bên trong được hiển thị bằng phông chữ monospace mặc định của trình duyệt.
Mẹo: Thẻ này không còn được dùng nữa. Tuy nhiên, có thể đạt được hiệu ứng phong phú hơn bằng cách sử dụng CSS (xem ví dụ bên dưới).
Cũng nhìn vào:
| 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 |
Hỗ trợ trình duyệt
| Element | |||||
|---|---|---|---|---|---|
| <kbd> | Yes | Yes | Yes | Yes | Yes |
Thuộc tính toàn cầu
Thẻ <kbd>cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <kbd>cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Các ví dụ khác
Thí dụ
Sử dụng CSS để tạo kiểu cho phần tử <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>
Các trang liên quan
Hướng dẫn HTML: Định dạng Văn bản HTML
Tham chiếu DOM HTML: Đối tượng Kbd
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị <kbd>phần tử với các giá trị mặc định sau:
Thí dụ
kbd {
font-family: monospace;
}