
- HTML 教程
- HTML - 首頁
- HTML - 路線圖
- HTML - 簡介
- HTML - 歷史與演變
- HTML - 編輯器
- HTML - 基本標籤
- HTML - 元素
- HTML - 屬性
- HTML - 標題
- HTML - 段落
- HTML - 字型
- HTML - 塊
- HTML - 樣式表
- HTML - 格式化
- HTML - 引用
- HTML - 註釋
- HTML - 顏色
- HTML - 圖片
- HTML - 圖片地圖
- HTML - Iframes
- HTML - 短語元素
- HTML - 元標籤
- HTML - 類
- HTML - ID
- HTML - 背景
- HTML 表格
- HTML - 表格
- HTML - 表頭和標題
- HTML - 表格樣式
- HTML - 表格 Colgroup
- HTML - 巢狀表格
- HTML 列表
- HTML - 列表
- HTML - 無序列表
- HTML - 有序列表
- HTML - 定義列表
- HTML 連結
- HTML - 文字連結
- HTML - 圖片連結
- HTML - 郵箱連結
- HTML 顏色名稱和值
- HTML - 顏色名稱
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML 表單
- HTML - 表單
- HTML - 表單屬性
- HTML - 表單控制元件
- HTML - 輸入屬性
- HTML 多媒體
- HTML - 影片元素
- HTML - 音訊元素
- HTML - 嵌入多媒體
- HTML 頭部
- HTML - Head 元素
- HTML - 新增 Favicon
- HTML - Javascript
- HTML 佈局
- HTML - 佈局
- HTML - 佈局元素
- HTML - 使用 CSS 進行佈局
- HTML - 響應式設計
- HTML - 符號
- HTML - 表情符號
- HTML - 樣式指南
- HTML 圖形
- HTML - SVG
- HTML - Canvas
- HTML APIs
- HTML - Geolocation API
- HTML - 拖放 API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web 儲存
- HTML - 伺服器傳送事件
- HTML 其他
- HTML - 文件物件模型 (DOM)
- HTML - MathML
- HTML - 微資料
- HTML - IndexedDB
- HTML - Web 訊息傳遞
- HTML - Web CORS
- HTML - Web RTC
- HTML 演示
- HTML - 音訊播放器
- HTML - 影片播放器
- HTML - 網頁幻燈片
- HTML 工具
- HTML - Velocity 繪圖
- HTML - 二維碼
- HTML - Modernizer
- HTML - 驗證
- HTML - 顏色選擇器
- HTML 參考
- HTML - 速查表
- HTML - 標籤參考
- HTML - 屬性參考
- HTML - 事件參考
- HTML - 字型參考
- HTML - ASCII 碼
- ASCII 碼錶查詢
- HTML - 顏色名稱
- HTML - 實體
- MIME 媒體型別
- HTML - URL 編碼
- 語言 ISO 程式碼
- HTML - 字元編碼
- HTML - 已棄用的標籤
- HTML 資源
- HTML - 快速指南
- HTML - 有用資源
- HTML - 顏色程式碼生成器
- HTML - 線上編輯器
HTML - <kbd>標籤
HTML <kbd> 標籤用於定義使用者從鍵盤、語音輸入或任何其他文字輸入裝置輸入的內容。<kbd> 標籤中包含的所有文字通常以瀏覽器的預設等寬字型顯示。當文件需要顯示使用者從鍵盤輸入的文字時,可以使用它。
語法
<kbd>.....</kbd>
屬性
HTML kbd 標籤示例
在下面的示例中,我們將看到kbd元素的不同示例。每個示例都將說明 html kbd 標籤的使用案例。
實現 kbd 標籤
在下面的示例中,我們建立一個 HTML 文件並使用 <kbd> 標籤顯示鍵盤輸入。
<!DOCTYPE html> <html> <body> <p> Please press <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd> to re-render an current page. </p> </body> </html>
kbd 元素的樣式
考慮下面的示例,我們與前面的示例做同樣的事情,但在這裡我們包含 CSS 屬性以使鍵盤更具樣式。
<!DOCTYPE html> <html> <head> <style> kbd { background-color: #eee; border-radius: 3px; border: 1px solid #b4b4b4; color: #333; display: inline-block; font-size: 0.85em; font-weight: 700; line-height: 1; padding: 2px 4px; white-space: nowrap; } </style> </head> <body> <p> Please press <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd> to re-render an current page. </p> </body> </html>
使用 samp 元素實現 kbd
讓我們來看下面的例子,我們將使用巢狀的 <kbd> 標籤在 <samp> 標籤內,表示系統已將輸入回顯給使用者。
<!DOCTYPE html> <html> <body> <p> If a syntax error occurs, the tool will output the initial command you typed for your review: </p> <blockquote> <samp> <kbd>custom-git ad my-new-file.cpp</kbd> </samp> </blockquote> </body> </html>
支援的瀏覽器
標籤 | ![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
kbd | 是 | 是 | 是 | 是 | 是 |
html_tags_reference.htm
廣告