HTML kbd标记

本文概述

HTML <kbd>标记指示嵌入式文本的一部分, 该部分表示用户键盘输入, 语音输入或任何其他文本输入设备输入。

<kbd>文本在浏览器中以默认等宽字体呈现。当文档需要显示用户应从其键盘准确输入的文本时使用。

注意:我们还可以使用CSS属性来获得与<kbd>标签相同的显示效果。

句法

<kbd>Enter Keyboard input</kbd>

以下是有关HTML <kbd>标签的一些规范

Display Inline
开始日期/结束日期 开始和结束标签
Usage Textual

<!DOCTYPE html>
<html>
<head>
	<title>Kbd Tag</title>
<style>
	kbd {  border: 1px solid blue;  
		border-radius: 8px;  
		padding: 3px 5px; 
		margin: 2px; 
			
} 
</style>
</head>
<body> 
<h2>Example of Kbd tag</h2>
<p>If you are using MS document then you can use shortcut <kbd>ctrl + s</kbd> to save your current document. </p>
</body>
</html>

立即测试

输出:

HTML kbd标签

属性

特定于标签的属性

<kbd>标记不包含任何特定属性。

全局属性

<kbd>标记支持HTML中的全局属性

事件属性

<kbd>标记支持HTML中的事件属性

支持的浏览器

Element Chrome IE Firefox Opera Safari
<kbd> Yes Yes Yes Yes Yes
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?