5个鲜为人知的HTML标签
#html #list #htmltags

介绍:

众所周知,HTML是网站开发的骨干,没有这些网站,我们知道今天甚至都不存在。尽管HTML有很多标签,但我们使用的标签很少,例如<div><p><h1> to <h6><a>等,在本文中,我们将探索5个鲜为人知的HTML标签,您可能没有听说过,但可以是在各种情况下有用。

<abbr>标签:

列表的第一个是缩写标签<abbr>。在我们需要表达术语缩写的情况下,它可能非常有用。 <abbr>标签具有名为title的属性,该属性用于显示我们将鼠标悬停在单词上时的术语描述。

示例:

<abbr title="HyperText Markup Langugae">HTML</abbr> is the backbone of 
web development.

因此,当用户徘徊在HTML单词上时,将向用户显示扩展。

<kdb>标签:

此列表上的下一个标签是键盘输入标签<kdb>。此标签用于显示键盘输入。当我们向用户提供有关关键组合以完成任务的指令时,这很有用。

示例:

Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text
Press <kbd>Ctrl</kbd> + <kbd>V</kbd> to paste text

<dl>标签:

此列表上的下一个是描述列表<dl>标签。这用于创建术语及其相应定义的列表。这与<dt><dd>标签一起使用,分别用于定义术语和定义。

示例:

<dl>
  <dt>HTML</dt>
  <dd>HyperText Markup Language</dd>
  <dt>CSS</dt>
  <dd>Cascading Style Sheets</dd>
  <dt>JavaScript</dt>
  <dd>A programming language used to build interactive web applications</dd>
</dl>

<meter>标签:

列表中的第四个标签是<meter>标签。该标签用于表示已知范围内的标量测量,例如电池百分比或已完成的任务百分比。

示例:

<p>Battery charge: <meter value="75" min="0" max="100">75%</meter></p>

<dfn>标签:

此列表中的最后一个标签是<dfn>标签。此标签用于突出显示HTML文档中术语的定义实例。它通常用于指示文档中术语的第一个或最重要的发生。

示例:

<p>A <dfn>blog</dfn> is a website where a person or organization publishes 
regular posts, typically consisting of text, images, and links.</p>

结论:

在本文中,我们探索了5个标签:<abbr><kdb><dt><meter><dfn>。这些标签可以帮助您的内容增加语义含义,改善网站的可访问性,或者只是添加一些额外的功能。您可以在下面的Codepen中找到完整的示例。


如果您觉得这篇文章有用,请关注我以获取更多此类文章。

如果您有任何疑问,请在下面发表评论。

谢谢。