kbd和code标签有什么区别？

Question

4

我不认为HTML5的规范中会引入重复的标签来执行相同的操作。我需要知道，<kbd> 和 <code> 标签之间在实际和假设情况下有什么区别？

这个演示表明它们具有相同的效果！

- SaidbakR

在这里的编辑器中尝试使用<kbd>标签。 - Mat

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/kbd, https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/code - PeeHaa

@Mat 当然，我试过了，发现它已经被样式化了。不过，code标签也可以被样式化。 - SaidbakR

2

是的，<span> 标签也可以被样式化，其他标签也一样。我不太明白你的意思。它们应该具有不同的语义，仅此而已。 - Mat

@Mat 不过， span 默认情况下不会改变某些特性。 - SaidbakR

显示剩余2条评论

2个回答

4

默认情况下，两者都显示相同，除非实施额外的样式。然而，它们有不同的用途：

<kbd> 应该用于键盘和用户命令

<code> 应该用于显示代码块

参考资料

- Charlie74

默认情况下，两者显示相同，所有用户代理都这样做吗？ - PeeHaa

@PeeHaa 我认为是这样，只要所有浏览器都正确遵循规范。基本上，默认情况下每个都显示为系统字体。 - Charlie74

规范中好像没有关于样式的内容？ - PeeHaa

没错，需要什么样的样式完全由Web开发人员决定。浏览器将为每个应用默认样式，通常是等宽字体系统。 - Charlie74

@Charlie74：kbd 不仅仅是用于键盘输入，它也适用于一般的用户输入。（在这里查看关于其在 Stack Exchange 上使用的元讨论） - unor

@unor 这是一个很好的观点，谢谢... 我通常认为它是键盘命令，但规范确实指定了“用户输入”。 - Charlie74

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- unor · Accepted Answer

不清楚你在询问什么，但是你可以在HTML5规范中找到所有的差异和相似之处。例如：

代表用户输入[...]

代表计算机代码片段[...]

二者相同。都是流内容 / 短语内容 / 可触知内容。两者都有短语内容内容模型。两者只能拥有全局属性、相同的ARIA角色等。

它们具有相同的默认样式：

code, kbd, samp, tt { font-family: monospace; }