摘要：今天我們將介紹您可能不知道的十個標簽。雖然不常用，但是一旦遇到使用場景使用起來將是非常方便的。規定元素的名稱。用于進度條顯示點擊此處查看結果標簽定義已知范圍或分數值內的標量測量。主要作用在于可以方便的被爬蟲抓取，從而獲得相應的數據。
HTML 也被稱為超文本記語言（ hyper text markup language ）是為網頁創建和其他可在網頁瀏覽器中看到的信息設計的一種標記語言。HTML 被用來結構化信息，如標題、段落和列表等，也可用來在一定程度上描述文檔的外觀和語義。
標簽定義塊引用。 與 之間的所有文本都會從常規文本中分離出來，經常會在左、右兩邊進行縮進（增加外邊距），而且有時會使用斜體。也就是說，塊引用擁有它們自己的空間。
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 元素前后添加了換行，并增加了外邊距。
點擊此處查看結果
output
標簽定義不同類型的輸出，比如腳本的輸出。標簽包含以下屬性 for 規定一個或多個元素的 id 列表，以空格分隔。這些元素描述了計算中使用的元素與計算結果之間的關系。 form 規定 元素所屬的一個或多個表單的 id 列表，以空格分隔。 name 規定 元素的名稱。 Internet Explorer 不支持 標簽。
點擊此處查看結果
picture
元素通過包含零或多個 元素和一個 元素，如果沒有匹配的，就選擇
picture 標簽的屬性如下：
srcset （必需） - 定義要顯示的圖像的 URL
media - 接受通常在 CSS 中定義的任何有效媒體查詢（ media queries ）
例如下面所示
根據瀏覽器的最小寬度的變化，picture 將顯示不同的圖片
點擊此處查看結果
progress
標簽標示任務的進度（進程）。用于進度條顯示
點擊此處查看結果
meter
標簽定義已知范圍或分數值內的標量測量。也被稱為 gauge （尺度）。也可以用于進度條的顯示
3/10 60%
點擊此處查看結果
template
標記內的內容本身是對用戶隱藏的，通過 JS 可以將其用于重復實例化顯示。相當有定義了一個模板，該模板可以通過 JS 重復被調用展示。
例如下面定義模板：
在 JS 中可以通過 cloneNode() 方法，來重復實例化顯示該模板中的內容：
const template = document.querySelecor(‘ template ’);
const templateClone = myTemplate.content.cloneNode(true);
document.body.appendChild(templateClone);
time
標簽定義公歷的時間（ 24 小時制）或日期，時間和時區偏移是可選的。
time 主要作用在于可以方便的被爬蟲抓取，從而獲得相應的數據。
time 本身對頁面布局沒有任何影響
例如：
我們在每天早上 9:00 開始營業。
video
與相對應， 標簽定義視頻，比如電影片段或其他視頻流。
your browser does not support the video tag
點擊此處查看結果
wbr
wbr 是 Word Break Opportunity 的簡寫，規定在文本中的何處適合添加換行符。
例如下面的對于較長的單詞 XMLHttpRequest 希望在換行時候能夠截斷換行而不是整個換行的情況下可以使用，下面的代碼在換行的時候截斷成 XML Http Request 分別進行換行，而不是 XMLHttpRequest 整個進行換行。
如果想學習 AJAX，那么您必須熟悉 XMLHttpRequest 對象。
點擊此處查看結果
本文是由葡萄城技術開發團隊發布，轉載請注明出處：葡萄城官網
了解可嵌入您系統的在線 Excel，請前往SpreadJS 純前端表格控件
