當(dāng)前位置：首頁(yè) > 科技 > 軟件

十個(gè)罕見的 HTML 標(biāo)簽，幾乎無(wú)人使用 - <dialog>、<bdo>等等

來(lái)源：責(zé)編：時(shí)間：2024-07-09 18:17:49 722觀看

導(dǎo)讀HTML 的內(nèi)容遠(yuǎn)不止 <div> 、<a>和 <p> 。如此多更復(fù)雜、更強(qiáng)大的標(biāo)簽，你可能從未使用過。具有從交互式圖像到復(fù)雜的 UI 組件的有趣功能。1. <progress> 和 <meter>圖片圖片但是，接下來(lái)就是 meter -- 也被稱為 progress

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

1. <progress> 和 <meter>

圖片

但是，接下來(lái)就是 meter -- 也被稱為 progress 在橫行：

圖片

2. <dfn>

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

圖片

3. <dialog>

原生 HTML 對(duì)話框！

圖片

4. <map> 和 <area>

圖片

我們稱這樣的可點(diǎn)擊圖片為圖像地圖。

圖片

5. <bdo>

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

圖片

6. <base>

圖片

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

圖片

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

圖片

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

圖片

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

圖片

7. <time>

對(duì)于日期和時(shí)間：

圖片

8. <hgroup>

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

圖片

9. <kbd>

代表鍵盤輸入：

圖片

10. <cite>

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

圖片

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

本文鏈接：http://www.tebozhan.com/showinfo-26-99890-0.html十個(gè)罕見的 HTML 標(biāo)簽，幾乎無(wú)人使用 - <dialog>、<bdo>等等

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com

上一篇：還在用 Lodash？這個(gè)爆火的替代品賊強(qiáng)，性能提升300% ，體積減少 97%！

下一篇： SpringBoot 加密解密新招

標(biāo)簽：

熱門焦點(diǎn)

K60 Pro官方停產(chǎn) 第三方瞬間漲價(jià)

雖然沒有官方宣布，但Redmi的一些高管也已經(jīng)透露了，Redmi K60 Pro已經(jīng)停產(chǎn)且不會(huì)補(bǔ)貨，這一切都是為了即將到來(lái)的K60 Ultra鋪路，屬于廠家的正常操作。但有意思的是該機(jī)在停產(chǎn)之后
俄羅斯：將審查iPhone等外國(guó)公司設(shè)備保數(shù)據(jù)安全

iPhone和特斯拉都屬于在各自領(lǐng)域領(lǐng)頭羊的品牌，推出的產(chǎn)品也也都是數(shù)一數(shù)二的，但對(duì)于一些國(guó)家而言，它們的產(chǎn)品可靠性和安全性還是在限制范圍內(nèi)。近日，俄羅斯聯(lián)邦通信、信息技術(shù)
7月安卓手機(jī)性價(jià)比榜：努比亞+紅魔兩款新機(jī)入榜

7月登場(chǎng)的新機(jī)有努比亞Z50S Pro和紅魔8S Pro，除了三星之外目前唯二的兩款搭載超頻版驍龍8Gen2處理器的產(chǎn)品，而且努比亞和紅魔也一貫有著不錯(cuò)的性價(jià)比，所以在本次的性價(jià)比榜單
帥氣純真少年！日本最帥初中生選美冠軍出爐

日本第一帥哥初一生選美大賽冠軍現(xiàn)已正式出爐，冠軍是來(lái)自千葉縣的宗田悠良。日本一直熱衷于各種選美大賽，從“最美JK”起到“最美女星&r
28個(gè)SpringBoot項(xiàng)目中常用注解，日常開發(fā)、求職面試不再懵圈

前言在使用SpringBoot開發(fā)中或者在求職面試中都會(huì)使用到很多注解或者問到注解相關(guān)的知識(shí)。本文主要對(duì)一些常用的注解進(jìn)行了總結(jié)，同時(shí)也會(huì)舉出具體例子，供大家學(xué)習(xí)和參考。注解
Python異步IO編程的進(jìn)程/線程通信實(shí)現(xiàn)

這篇文章再講3種方式，同時(shí)講4中進(jìn)程間通信的方式一、 Python 中線程間通信的實(shí)現(xiàn)方式共享變量共享變量是多個(gè)線程可以共同訪問的變量。在Python中，可以使用threading模塊中的L
東方甄選單飛：有些鳥注定是關(guān)不住的

文/彭寬鴻編輯/羅卿東方甄選創(chuàng)始人俞敏洪帶隊(duì)的“7天甘肅行”直播活動(dòng)已在近日順利收官。成立后一年多時(shí)間里，東方甄選要脫離抖音自立門戶的傳聞不絕于耳，“7
小米MIX Fold 3下月亮相：今年唯一無(wú)短板的全能折疊屏

這段時(shí)間以來(lái)，包括三星、一加、榮耀等等有不少品牌旗下的最新折疊屏旗艦都有新的進(jìn)展，其中榮耀、三星都已陸續(xù)發(fā)布了最新的折疊屏旗艦，尤其號(hào)榮耀Magi
機(jī)構(gòu)稱Q2國(guó)內(nèi)智能手機(jī)銷量同比下滑4% vivo份額重回第1

7月29日消息，根據(jù)市場(chǎng)調(diào)查機(jī)構(gòu)Counterpoint Research公布的最新報(bào)告，2023年第2季度中國(guó)智能手機(jī)銷量同比下降4%，創(chuàng)新自2014年以來(lái)第2季度銷量新低。報(bào)

AVt天堂网手机版,亚洲va久久久噜噜噜久久4399,天天综合亚洲色在线精品,亚洲一级Av无码毛片久久精品

十個(gè)罕見的 HTML 標(biāo)簽，幾乎無(wú)人使用 - <dialog>、<bdo>等等

1. <progress> 和 <meter>

2. <dfn>

3. <dialog>

4. <map> 和 <area>

5. <bdo>

6. <base>

7. <time>

8. <hgroup>

9. <kbd>

10. <cite>

K60 Pro官方停產(chǎn) 第三方瞬間漲價(jià)

俄羅斯：將審查iPhone等外國(guó)公司設(shè)備保數(shù)據(jù)安全

7月安卓手機(jī)性價(jià)比榜：努比亞+紅魔兩款新機(jī)入榜

帥氣純真少年！日本最帥初中生選美冠軍出爐

28個(gè)SpringBoot項(xiàng)目中常用注解，日常開發(fā)、求職面試不再懵圈

Python異步IO編程的進(jìn)程/線程通信實(shí)現(xiàn)

東方甄選單飛：有些鳥注定是關(guān)不住的

小米MIX Fold 3下月亮相：今年唯一無(wú)短板的全能折疊屏

機(jī)構(gòu)稱Q2國(guó)內(nèi)智能手機(jī)銷量同比下滑4% vivo份額重回第1

最新推薦

猜你喜歡

熱門推薦

相關(guān)資訊

十個(gè)罕見的 HTML 標(biāo)簽，幾乎無(wú)人使用 - &lt;dialog&gt;、&lt;bdo&gt;等等

1. <progress> 和 <meter>

2. <dfn>

3. <dialog>

4. <map> 和 <area>

5. <bdo>

6. <base>

7. <time>

8. <hgroup>

9. <kbd>

10. <cite>

最新推薦

猜你喜歡

熱門推薦

相關(guān)資訊

十個(gè)罕見的 HTML 標(biāo)簽，幾乎無(wú)人使用 - <dialog>、<bdo>等等