发布于 2026-01-06 3 阅读
0

第二部分:几乎没人知道的 5 个 HTML 标签 DEV 的全球展示挑战赛,由 Mux 呈现:展示你的项目!

第二部分:几乎无人知晓的 5 个 HTML 标签

由 Mux 主办的 DEV 全球展示挑战赛:展示你的项目!

大家好,我是Aya Bouchiha,今天我将讨论另外 5 个你可能不太了解的 HTML 标签。

第一部分:几乎无人知晓的 5 个 HTML 标签

<dfn>

<dfn>:用于指定要定义的术语,大多数浏览器以斜体字样式显示此元素。

<p>
    <dfn>Mathematics</dfn>
    is the science of structure, order, and relation that has evolved from
    counting, measuring, and describing the shapes of objects
</p>
Enter fullscreen mode Exit fullscreen mode

HTML标签 Aya Bouchiha

<kbd>

<kbd> :用于定义键盘输入,以等宽字体显示。

<h1>How to rename a file ?</h1>
<p>
    Select the file with a left click and then press <kbd>F2</kbd> on your
    keyboard.
</p>
Enter fullscreen mode Exit fullscreen mode

HTML标签 Aya Bouchiha

<samp>

<samp>:用于定义计算机程序的示例输出。

<p><samp>File not found.<br />Press <kbd>F1</kbd> to continue</samp></p>
Enter fullscreen mode Exit fullscreen mode

HTML标签 Aya Bouchiha

<米>

<米>:表示已知范围内的标量值或分数。
更多详情

<div class="skills">
    <label for="html">HTML</label>
    <meter id="html" value="8" min="0" max="10">2 out of 10</meter><br>
</div>
Enter fullscreen mode Exit fullscreen mode

HTML标签 Aya Bouchiha

<dl>、<dt> 和 <dd>

<dl> :与<dt><dd>一起使用,用于定义描述列表。

<dt>定义描述列表中的术语。

<dd>用于描述描述列表中的术语。

<dl>
    <dt>&lt;dfn&gt;</dt>
    <dd>for specifing a term</dd>
    <dt>&lt;kbd&gt;</dt>
    <dd>defining a keyboard input</dd>
    <dt>&lt;samp&gt;</dt>
    <dd> for defining sample output from a computer program</dd>
    <dt>&lt;meter&gt;</dt>
    <dd>for representing either a scalar value within a known range or a fractional value.</dd>
    <dt>&lt;dl&gt;</dt>
    <dd>for defining a description list</dd>
</dl>
Enter fullscreen mode Exit fullscreen mode

HTML标签 Aya Bouchiha

概括

<dfn>:用于指定术语。
<kbd>:用于定义键盘输入。
<samp>:用于定义计算机程序的采样输出。
<meter>:表示已知范围内的标量值或分数。
<dl>:用于定义描述列表。

参考

祝你今天过得愉快!

文章来源:https://dev.to/ayabouchiha/part-2-5-html-tags-that-almost-nobody-knows-nj8