Thẻ HTML <kbd>
Ví 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>
Hãy tự mình thử »Thêm 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ữ đơn cách mặc định của trình duyệt.
Mẹo: Thẻ này không đượ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).
Ngoài ra hãy xem:
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 chung
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 .
Thêm ví dụ
Ví 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>
Hãy tự mình thử »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ị phần tử <kbd>
với các giá trị mặc định sau: