<kbd>标签的意义是什么?

时间:2019-04-01 19:47:38

标签: html css

我第一次遇到<kbd>标记,除了将文本默认设置为等宽字体外,它似乎没有任何作用,这可以通过使用CSS只需将字体更改为等宽字体来完成。 <kbd>标签是否具有使其实用的一些基本逻辑,类似于<time>标签如何将代码转换为机器可读的代码?

传统上,我已经看到通过<span>标签进行的文本更改,而<kbd>标签显示的输出与带有{{1}的<span>标签完全相同}。 font-family: monospace标签仅改变字体有什么意义?我已经在SO和其他网站上搜索了解释,但是除了字体变化之外什么也没找到。

<kbd>
span {
  font-family: monospace;
}

2 个答案:

答案 0 :(得分:1)

kbd标签比起用于样式的标签,更是一个语义标签。默认情况下,UA使用等宽字体来为其设置样式,但其目的是

  

代表用户输入(通常是键盘输入,尽管它也可以用来代表其他输入,例如语音命令)。 ref

MDN页面上,您还可以阅读:

  

HTML键盘输入元素(<kbd>)表示一系列内联文本,表示从键盘,语音输入或任何其他文本输入设备进行的文本用户输入。按照惯例,尽管HTML标准没有强制要求,但用户代理默认使用其默认的等宽字体来渲染<kbd>元素的内容。

答案 1 :(得分:0)

它通常用来表示用户输入,通常是通过键盘输入的(用于教程,演练等)。它没有提供其他功能。

尽管在大多数用户代理样式表中,它只会将字体更改为等宽字体,但您可以使用它以所需的方式对键盘或其他输入进行样式设置,而不必在类中使用span。