我第一次遇到<kbd>
标记,除了将文本默认设置为等宽字体外,它似乎没有任何作用,这可以通过使用CSS只需将字体更改为等宽字体来完成。 <kbd>
标签是否具有使其实用的一些基本逻辑,类似于<time>
标签如何将代码转换为机器可读的代码?
传统上,我已经看到通过<span>
标签进行的文本更改,而<kbd>
标签显示的输出与带有{{1}的<span>
标签完全相同}。 font-family: monospace
标签仅改变字体有什么意义?我已经在SO和其他网站上搜索了解释,但是除了字体变化之外什么也没找到。
<kbd>
span {
font-family: monospace;
}
答案 0 :(得分:1)
kbd
标签比起用于样式的标签,更是一个语义标签。默认情况下,UA使用等宽字体来为其设置样式,但其目的是
代表用户输入(通常是键盘输入,尽管它也可以用来代表其他输入,例如语音命令)。 ref
在MDN页面上,您还可以阅读:
HTML键盘输入元素(
<kbd>
)表示一系列内联文本,表示从键盘,语音输入或任何其他文本输入设备进行的文本用户输入。按照惯例,尽管HTML标准没有强制要求,但用户代理默认使用其默认的等宽字体来渲染<kbd>
元素的内容。
答案 1 :(得分:0)
它通常用来表示用户输入,通常是通过键盘输入的(用于教程,演练等)。它没有提供其他功能。
尽管在大多数用户代理样式表中,它只会将字体更改为等宽字体,但您可以使用它以所需的方式对键盘或其他输入进行样式设置,而不必在类中使用span。