摘要：今天我們將介紹您可能不知道的十個(gè)標(biāo)簽。雖然不常用，但是一旦遇到使用場(chǎng)景使用起來(lái)將是非常方便的。規(guī)定元素的名稱(chēng)。用于進(jìn)度條顯示點(diǎn)擊此處查看結(jié)果標(biāo)簽定義已知范圍或分?jǐn)?shù)值內(nèi)的標(biāo)量測(cè)量。主要作用在于可以方便的被爬蟲(chóng)抓取，從而獲得相應(yīng)的數(shù)據(jù)。

轉(zhuǎn)載請(qǐng)注明出處：葡萄城官網(wǎng)，葡萄城為開(kāi)發(fā)者提供專(zhuān)業(yè)的開(kāi)發(fā)工具、解決方案和服務(wù)，賦能開(kāi)發(fā)者。

HTML 也被稱(chēng)為超文本記語(yǔ)言（ hyper text markup language ）是為網(wǎng)頁(yè)創(chuàng)建和其他可在網(wǎng)頁(yè)瀏覽器中看到的信息設(shè)計(jì)的一種標(biāo)記語(yǔ)言。HTML 被用來(lái)結(jié)構(gòu)化信息，如標(biāo)題、段落和列表等，也可用來(lái)在一定程度上描述文檔的外觀和語(yǔ)義。

今天我們將介紹您可能不知道的十個(gè) HTML 標(biāo)簽。雖然不常用，但是一旦遇到使用場(chǎng)景使用起來(lái)將是非常方便的。

如果您想了解有關(guān) HTML 的更多信息，可以訪問(wèn) W3Schools 獲取更多 HTML 信息。

點(diǎn)擊此處查看結(jié)果

標(biāo)簽定義塊引用。

與

之間的所有文本都會(huì)從常規(guī)文本中分離出來(lái)，經(jīng)常會(huì)在左、右兩邊進(jìn)行縮進(jìn)（增加外邊距），而且有時(shí)會(huì)使用斜體。也就是說(shuō)，塊引用擁有它們自己的空間。

Here comes a long quotation:


This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation.

請(qǐng)注意，瀏覽器在 blockquote 元素前后添加了換行，并增加了外邊距。

點(diǎn)擊此處查看結(jié)果

output

標(biāo)簽定義不同類(lèi)型的輸出，比如腳本的輸出。標(biāo)簽包含以下屬性 for 規(guī)定一個(gè)或多個(gè)元素的 id 列表，以空格分隔。這些元素描述了計(jì)算中使用的元素與計(jì)算結(jié)果之間的關(guān)系。 form 規(guī)定

元素所屬的一個(gè)或多個(gè)表單的 id 列表，以空格分隔。 name 規(guī)定

元素的名稱(chēng)。 Internet Explorer 不支持

標(biāo)簽。

0
100
+
=

點(diǎn)擊此處查看結(jié)果

picture

元素通過(guò)包含零或多個(gè) 元素和一個(gè) 元素來(lái)為不同的顯示 /設(shè)備場(chǎng)景提供圖像版本。瀏覽器會(huì)選擇最匹配的子 元素，如果沒(méi)有匹配的，就選擇 元素的 src 屬性中的 URL。然后，所選圖像呈現(xiàn)在元素占據(jù)的空間中。

picture 標(biāo)簽的屬性如下：

srcset （必需） - 定義要顯示的圖像的 URL

media - 接受通常在 CSS 中定義的任何有效媒體查詢(xún)（ media queries ）

例如下面所示

根據(jù)瀏覽器的最小寬度的變化，picture 將顯示不同的圖片

點(diǎn)擊此處查看結(jié)果

progress

標(biāo)簽標(biāo)示任務(wù)的進(jìn)度（進(jìn)程）。用于進(jìn)度條顯示

點(diǎn)擊此處查看結(jié)果

meter

標(biāo)簽定義已知范圍或分?jǐn)?shù)值內(nèi)的標(biāo)量測(cè)量。也被稱(chēng)為 gauge （尺度）。也可以用于進(jìn)度條的顯示

3/10

60%

點(diǎn)擊此處查看結(jié)果

template