介绍:
众所周知,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中找到完整的示例。
如果您觉得这篇文章有用,请关注我以获取更多此类文章。
如果您有任何疑问,请在下面发表评论。
谢谢。