HTML宝典(第 1 版)
2.3.17 kbd元素
阅读(

HTML基础

HTML元素

结构语义元素

内容分组元素

文本语义元素

samp元素

var元素

code元素

time元素

dfn元素

abbr元素

mark元素

cite元素

q元素

s元素

u元素

b元素

i元素

small元素

strong元素

文本元素

kbd元素

kbd元素用于指示用户输入的文本,经常用于计算机相关的文档和手册中,用来表示的是键盘输入的文本,如Ctrl,但也可以用来定义其他输入,如声音命令。

如果在 kbd元素中直接包含文本,就表示键盘输入,即指示键盘按键。如,以下段落中的Shift、F3 就表示键盘按键:

<p>To make George eat an apple, press <kbd>Shift</kbd> + <kbd>F3</kbd></p>

默认情况下,浏览器会使用等宽字体显示 kbd元素中的文本。运行结果如图 2‑32 所示:

kbd元素
图2-32 kbd元素

另外,kbd元素还可以跟 samp 元素结合起来使用,来表示一些特殊的含有。如果 kbd元素被嵌在 samp 元素中,则 kbd 就表示该输入是由系统回显的;如果 kbd元素包含 samp元素,则表示该输入是基于系统的输出(如,调用某菜单项)。如:

<p>To make George eat an apple, select <kbd><samp>File</samp></kbd> -> <kbd><samp>Eat Apple...</samp></kbd>

运行结果如图 2‑33 所示:

kbd元素
图2-33 kbd元素

尽管读者很难直接识别出 kbd元素,但从Web标准的角度考虑,当需要表达键盘输入的文本时,强烈建议使用 kbd元素,因为它是HTML标准元素之一,它更具语义化,搜索引擎能读懂它。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验