HTML 的內(nèi)容遠不止 <div> 、<a>和 <p> 。如此多更復(fù)雜、更強大的標簽，你可能從未使用過。具有從交互式圖像到復(fù)雜的 UI 組件的有趣功能。

1. <progress> 和 <meter>

圖片

圖片

但是，接下來就是 meter -- 也被稱為 progress 在橫行：

圖片

圖片

2. <dfn>

dfn -- 用于我們將在頁面中定義的任何內(nèi)容：

圖片

3. <dialog>

原生 HTML 對話框！

圖片

圖片

4. <map> 和 <area>

圖片

我們稱這樣的可點擊圖片為圖像地圖。

圖片

5. <bdo>

超級神秘的縮寫在這里，它是做什么的？

圖片

圖片

6. <base>

圖片

<a> 使用頁面的域名來獲取他們將導(dǎo)航您的完整 URL：

圖片

但是，當你在 HTML 中創(chuàng)建一個基礎(chǔ)的 <base> 會發(fā)生什么？

圖片

現(xiàn)在他們都使用 <base> 的 href 中的硬編碼值來獲取完整的 URL：

圖片

像 Angular 和 Flutter Web 這樣的框架也在使用它：

圖片

7. <time>

對于日期和時間：

圖片

圖片

8. <hgroup>

<hgroup> 表示標題標簽和下面的一些內(nèi)容是相關(guān)的。

圖片

圖片

9. <kbd>

代表鍵盤輸入：

圖片

圖片

10. <cite>

表示書籍、歌曲、電影或其他創(chuàng)作作品的標題：

圖片

所以，這些是 HTML 中最不為人知和使用的 10 個標簽。盡管使用率低，但在各種情況下都非常有用。