4 个不常用的 HTML 标签 💻

图片来自Unsplash用户XPS

HTML 是一种简单却至关重要的标记语言，在 Web 开发领域，几乎所有 Web 开发人员都至少了解它的基础知识，即使不是精通全部内容。因此，我将向您介绍一些您应该了解但不太常用的标签。

那么，我们开始吧！

1. 进度标签

该<progress>标签允许您仅使用 HTML 创建进度条。

请看这里：

<progress value="70" max="100">70%</progress>

你只需要指定数值value，max这个值通常为 100。

结果：

2. 添加和删除标签

该<ins>标签用于定义插入到文档中的文本。浏览器会自动为其添加下划线。

该<del>标签用于标记已从文档中删除的文本。浏览器通常会用一条横线将其删除。

请看这里：

<p>The price of the new shirt is <del>$50</del> <ins>$25</ins>
<p>

结果：

3. 详细信息标签

该标签对于大型文档非常方便，它允许我们在点击元素<details>后显示或隐藏元素。<summary>

请看这里：

<details>
  <summary>DEV.to</summary>
  <p>DEV.to is a place where coders share, stay up-to-date and grow their careers. Cedits to dev.to for this line</p>
</details>

4. 对话框标签

该<dialog>标签用于定义对话框或子窗口。它还可以轻松地在网页上创建弹出对话框和模态框。您还需要使用一个名为 `active` 的属性open来指定对话框元素处于活动状态，并且用户可以与其交互。

请看这里：

<dialog open>Hola World! Garvit Here</dialog>

⚡️赠送活动⚡️

我们将免费赠送您在 Udemy 上需要的任何课程。任何价格，任何课程。
参与步骤：
--> 对此帖子点赞
--> 订阅我们的新闻邮件（非常重要） --> 在Twitter
上关注我（中奖几率翻倍）

获奖者将于5月1日通过推特公布。

非常感谢您阅读本文。

请在评论区留下你知道的任何冷门标签。

请点赞、分享和评论

请在Dev和Twitter上关注我

订阅我们的新闻简报，即可每周直接通过电子邮件接收我们的新闻回顾！

加入我们的Discord服务器，即可参与我们的黑客马拉松/参与我们的抽奖活动！

谢谢