• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • <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

    所有标签短语:

    标签描述
    <em>呈现为被强调的文本。
    <strong>定义重要的文本。
    <dfn>定义一个定义项目。
    <code>定义计算机代码文本。
    <samp>定义样本文本。
    <kbd>定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
    <var>定义变量。您可以将此标签与<pre><code>标签配合使用。

    HTML 4.01 与 HTML5之间的差异

    无。

    属性

    该元素仅支持全局属性.

    全局属性

    <kbd>标签支持全局属性,查看完整属性表HTML全局属性。

    事件属性

    <kbd>标签支持所有HTML事件属性。

    实例

    在文档中格式化文本:

    <kbd>keyboard input</kbd>
    keyboard input

    上篇:<i>

    下篇:<var>