如何在 HTML 中显示功能键

因为我们处理的技术文档比较多,在技术文档比较多的时候可能需要在文档中显示功能组合键。

如下图的显示。

HTML <kbd> 标签

其实这个功能的显示是可以通过 <kbd> 来实现的。

这个标签是 HTML 的一个标签,在文档中格式化文本。

Discourse 这个平台可以直接用,如果你想定义一个键盘输入为 Ctrl + F12 的话,可以直接输入

<kbd>Ctrl + F12</kbd>

那效果就和上图显示的是一样的了。