HTML kbd 是什么意思?HTML <kbd> 标签用法详解

作者:前端大神~ | 时间:2019-01-21

HTML kbd 是什么意思呢?HTML <kbd> 标签用来表示文本是从键盘上键入的。

定义和用法

<kbd> 标签定义键盘文本。它用来表示文本是从键盘上键入的。

浏览器通常用等宽字体来显示该标签中包含的文本。

<kbd> 标签经常用在于计算机相关的文档和手册中。例如:

键入 <kbd>quit</kbd> 来退出程序,或者键入 <kbd>menu</kbd> 来返回主菜单。

提示

<kbd> 标签已废弃,不推荐使用,但 是可以通过CSS实现丰富的效果。

更多短语标签

<em>    呈现为被强调的文本。    

<strong>    定义重要的文本。    

<dfn>    定义一个定义项目。    

<code>    定义计算机代码文本。    

<samp>    定义样本文本。    

<kbd>    定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。    

<var>    定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。 

示例代码

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>我有答案(wwwlwoyoudaan.cn)</title> 
</head>
<body>

<em>强调文本</em><br>
<strong>加粗文本</strong><br>
<dfn>定义项目</dfn><br>
<code>一段电脑代码</code><br>
<samp>计算机样本</samp><br>
<kbd>键盘输入</kbd><br>
<var>变量</var>

</body>
</html>

显示效果:

HTML kbd 是什么意思?HTML<kbd>标签用法详解

通过上面的讲解,大家明白HTML kbd 是什么意思和掌握它的用法了吗?