<kbd>
HTML键盘输入元素(<kbd>)用于表示用户输入,它将产生一个行内元素,以浏览器的默认monospace字体显示。
浏览器支持
![]() | ![]() | ![]() | ![]() | ![]() |
目前大多数浏览器支持<kbd> 标签。 |
示例
<p>type the following in the run dialog: <kbd>cmd</kbd><br />then click the ok button.</p> <p>save the document by pressing <kbd>ctrl</kbd> + <kbd>s</kbd></p>
结果:此显示效果为 MDN 特殊显示效果,无法更改。具体显示效果请自行测试。
type the following in the run dialog:cmd
then click the ok button.
save the document by pressing ctrl+s
标签定义及使用说明
<kbd>
标签定义键盘文本。以浏览器的默认monospace字体显示。通过定义CSS规则可以改变kbd的默认字体。用户首选项设置可能会比该CSS规则具有更高优先级。- 当
<kbd>
元素处于<samp>
元素之中时,它代表着被系统回显的输入。 - 当
<kbd>
元素中包含<samp>
元素时,该输入是基于系统输出的,比如调用某个菜单项。 - 当
<kbd>
元素处于另一个<kbd>
元素之中时,它代表了一个实际的按键,或是该输入机制下的某个单位输入。
内容分类 | 流式内容元素,段落内容元素,段落内容元素 |
---|---|
允许的内容 | 段落内容元素 |
标签省略 | 开始标签和结束标签都不能省略。 |
允许的父元素 | 接受的任何元素段落内容元素 |
允许的 ARIA roles | |
DOM接口 | HTMLElement |
<strong> | 表示重要的文本。 |
<mark> | 突出显示的文本,高亮显示。 |
<m> | 突出显示文本。 |
<em> | 呈现为被强调的文本。 |
<i> | 表示非普通文本。例如技术术语、外文短语(西方语言体系中的成语俗语)或是小说中人物的思想、宇宙飞船的名字等等。 |
<u> | 表示文本标记为拼写错误。或者表示汉语中的专有名称。 |
<dfn> | 定义一个专业术语。或者定义一个缩写名称。 |
<cite> | 定义一个作品的标题。也可以表示一个作品的引用。可使用该标签引用参考文献,比如书籍或杂志的标题。 |
<q> | 短引用。在行内,引用短文本的。这个标签是用来引用短的文本。 |
<blockquote> | 块级引用。代表其中的文字是大篇幅的引用内容。 |
<code> | 表示计算机代码文本。 |
<samp> | 表示样本文本。 |
<kbd> | 表示键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。 |
<var> | 定义变量。您可以将此标签与<pre> 及<code> 标签配合使用。 |
HTML 4.01 与 HTML5之间的差异
无。
属性
该元素仅支持全局属性.
全局属性
<kbd>
标签支持全局属性,查看完整属性表HTML全局属性。
事件属性
<kbd>
标签支持所有HTML事件属性。
实例
在文档中格式化文本:
<kbd>keyboard input</kbd>
keyboard input