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

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

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

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

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

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

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

與

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

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.

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

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

output

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

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

元素的名稱。 Internet Explorer 不支持

標(biāo)簽。

0
100
+
=

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

picture

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

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

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

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

例如下面所示

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

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

progress

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

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

meter

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

3/10

60%

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

template