1

image.png

HTML 的内容远不止 <div> <a> <p> 。如此多更复杂、更强大的标签,你可能从未使用过。具有从交互式图像到复杂的 UI 组件的有趣功能。

1. <progress><meter>

image.png

但是,接下来就是 meter -- 也被称为 progress 在横行:

image.png

2. <dfn>

dfn -- 用于我们将在页面中定义的任何内容:

image.png

3. <dialog>

原生 HTML 对话框!

image.png

image.png

4. <map><area>

image.png

们称这样的可点击图片为图像地图。

5. <bdo>

超级神秘的缩写在这里,它是做什么的?

image.png

image.png

6. <base>

image.png

<a> 使用页面的域名来获取他们将导航您的完整 URL:

但是,当你在 HTML 中创建一个基础的 <base> 会发生什么?

image.png

现在他们都使用 <base> 的 href 中的硬编码值来获取完整的 URL:

像 Angular 和 Flutter Web 这样的框架也在使用它:

image.png

7. <time>

对于日期和时间:

image.png

image.png

8. <hgroup>

<hgroup> 表示标题标签和下面的一些内容是相关的

image.png

image.png

9. <kbd>

代表键盘输入:

image.png

image.png

10. <cite>

表示书籍、歌曲、电影或其他创作作品的标题:

image.png

所以,这些是 HTML 中最不为人知和使用的 10 个标签。尽管使用率低,但在各种情况下都非常有用。

首发于公众号 大迁世界,欢迎关注。📝 每周一篇实用的前端文章 🛠️ 分享值得关注的开发工具 ❓ 有疑问?我来回答

本文 GitHub https://github.com/qq449245884/xiaozhi 已收录,有一线大厂面试完整考点、资料以及我的系列文章。


王大冶
68k 声望104.9k 粉丝