English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 參考手冊

HTML 標籤大全

HTML: <kbd> 태그

HTML <kbd>標籤將文本定義為來自鍵盤的用戶輸入,例如Enter或Ctrl鍵。傳統上,瀏覽器以默認的等寬字體呈現在 <kbd>標籤中找到的文本。該標籤通常也稱為 <kbd>元素。

在線示例

在文檔中格式化文本:

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 kbd標籤的使用(基礎教程網 oldtoolbag.com)</title>
</head>
<body>
<h1>鍵盤輸入</h1>
<p>Press <kbd>Ctrl</kbd>+<kbd>C</kbd> to copy the text.</p>
</body>
</html>
測試看看 ‹/›


在此HTML5文檔示例中,我們创建了<kbd>標籤Ctrl+C用於表示鍵盤上的用戶輸入。默認情況下,您的瀏覽器將以默認的等寬字體顯示此文本。您可以使用CSS覆蓋此行為。

瀏覽器兼容性

IEFirefoxOperaChromeSafari

目前大多數瀏覽器支持 <kbd> 标籤。

标签定義及使用說明

<kbd> 태그는 키보드 텍스트를 정의합니다.

<kbd> 표시는 키보드의 키를 나타내기 위해 사용됩니다. 전통적으로, 브라우저는 <kbd> 표시에서 찾은 텍스트를 글꼴이 일정한 폰트로 포맷합니다. 이 comportment을 변경할 수 있습니다.

푸시:  <kbd> 태그는 더 이상 사용되지 않으며, 권장하지 않습니다만 CSS를 통해 다양한 효과를 구현할 수 있습니다.

모든 태그 표현식:

태그설명
<em>강조된 텍스트로 표시됩니다.
<strong>중요한 텍스트를 정의합니다.
<dfn>정의 항목을 정의합니다.
<code>컴퓨터 코드 텍스트를 정의합니다.
<samp>양식 텍스트를 정의합니다.
<kbd>키보드 텍스트를 정의합니다. 텍스트가 키보드에서 입력된 것을 나타냅니다. 컴퓨터와 관련된 문서나 매뉴얼에서 자주 사용됩니다.
<var>변수를 정의합니다. 이 태그를 <pre> 및 <code> 태그와 함께 사용할 수 있습니다.

전역 속성

<kbd> 태그는 전역 속성을 지원하며, 전체 속성 테이블을 확인하세요 HTML 전역 속성

이벤트 속성을 지원합니다

<kbd> 태그는 모든 HTML 이벤트 속성

관련 기사

HTML 강의: HTML 텍스트 포맷화