本篇文章主要針對(duì)一些帶有屬性（非全局屬性）的標(biāo)簽的介紹椒惨。

1. hr 標(biāo)簽

表示段落級(jí)元素之間的主題轉(zhuǎn)換（例如链烈，一個(gè)故事中的場(chǎng)景的改變跨晴，或一個(gè)章節(jié)的主題的改變）蓖谢。

該元素語(yǔ)義上在瀏覽器中標(biāo)簽為一個(gè)水平線标锄，但是如果需要水平線顽铸，使用 CSS 樣式修飾。

1.1 align 屬性：對(duì)齊方式鸯绿，默認(rèn) left

1.2 color 屬性： 顏色名或十六進(jìn)制設(shè)置顏色

1.3 noshade 屬性： 去除陰影

1.4 size 屬性：使用像素設(shè)置高度

1.5 width 屬性：使用像素或百分比設(shè)置寬度

2. ol 標(biāo)簽

有序列表跋破，通常渲染為一個(gè)帶有編號(hào)的列表。

2.1 reversed 屬性：布爾值瓶蝴，指定列表中的條目是否是倒序排列毒返。

2.2 start 屬性：整數(shù)值，指定了列表的起始值舷手。

2.3 type 屬性：設(shè)置編號(hào)的類型

• a 表示小寫英文字母編號(hào)

• A 表示大寫英文字母編號(hào)

• i 表示小寫羅馬數(shù)字編號(hào)

• I 表示大寫羅馬數(shù)字編號(hào)

• 1 表示數(shù)字編號(hào)（默認(rèn)）

3. li 標(biāo)簽

用于列表里面的條目拧簸。必須包含一個(gè)父元素：有序列表 ol、無(wú)序列表 ul男窟、菜單 menu盆赤。在無(wú)序列表
或菜單表現(xiàn)為點(diǎn)排列，在有序列表里面表現(xiàn)為升序的數(shù)字或字母歉眷。

3.1 value 屬性：有序列表中的序號(hào)牺六，只能使用數(shù)字

4. pre 元素

表示預(yù)定義格式文本。
在該元素中的文本通常按照原文件中的編排汗捡，以等寬字體的形式展現(xiàn)出來(lái)淑际，文本中的空白符（比如空格和換行符）都會(huì)顯示出來(lái)。

5. a 標(biāo)簽

可以創(chuàng)建通向其他網(wǎng)頁(yè)、文件春缕、同一頁(yè)面內(nèi)的位置盗胀、電子郵件地址或任何其他 URL 的超鏈接。

5.1 download 屬性

此屬性指示瀏覽器下載 URL 而不是導(dǎo)航到它锄贼，因此將提示用戶將其保存為本地文件票灰。

如果屬性有一個(gè)值，那么此值將在下載保存過(guò)程中作為預(yù)填充的文件名宅荤。

注意：該屬性僅適用于同源屬性屑迂，如果 HTTP 頭中的 Content-Disposition 屬性賦予了一個(gè)不同于此屬性的文件名，
HTTP 頭屬性優(yōu)先于此屬性膘侮。

5.2 href 屬性

超鏈接指向的 URL 或 URL 片段屈糊。

• URL 片段是哈希標(biāo)記（#）前面的名稱，哈希標(biāo)記指定當(dāng)前文檔中的內(nèi)部目標(biāo)位置（HTML 元素的 ID）琼了。

• 使用 href="#top" 或者 href="#" 鏈接返回到頁(yè)面頂部逻锐。

• URL 不限于基于 Web（HTTP）的文檔，例如雕薪，在大多數(shù)瀏覽器中正常工作的 file:昧诱、ftp: 和 mailto：。

5.3 hreflang 屬性

該屬性用于指定鏈接文檔的人類語(yǔ)言所袁，其僅提供建議盏档。

5.4 ping 屬性

包含一個(gè)以空格分隔的 url 列表，當(dāng)跟隨超鏈接時(shí)燥爷，將由瀏覽器(在后臺(tái))發(fā)送帶有正文 PING 的 POST 請(qǐng)求蜈亩。通常用于跟蹤。

5.5 referrerpolicy屬性

表明在獲取 URL 時(shí)發(fā)送哪個(gè)提交者（referrer）:

• no-referrer 表示 Referer: 頭將不會(huì)被發(fā)送前翎。

• no-referrer-when-downgrade 表示當(dāng)從使用 HTTPS 的頁(yè)面導(dǎo)航到不使用 TLS(HTTPS)的來(lái)源 時(shí)不會(huì)發(fā)送 Referer: 頭稚配。
  如果沒(méi)有指定策略，這將是用戶代理的默認(rèn)行為港华。

• origin 表示 referrer 將會(huì)是頁(yè)面的來(lái)源道川，大致為這樣的組合：主機(jī)和端口（不包含具體的路徑和參數(shù)的信息）。

• origin-when-cross-origin 表示導(dǎo)航到其它源將會(huì)限制為這種組合：主機(jī) + 端口立宜，而導(dǎo)航到相同的源將會(huì)只包含 referrer 的路徑冒萄。

• strict-origin-when-cross-origin

• unsafe-url 表示 referrer 將會(huì)包含源和路徑（domain + path）（但是不包含密碼或用戶名的片段）。
  這種情況是不安全的橙数，因?yàn)樗赡軙?huì)將安全的 URLs 數(shù)據(jù)泄露給不安全的源尊流。

5.6 rel 屬性

指定了目標(biāo)對(duì)象到鏈接對(duì)象的關(guān)系。

5.7 target 屬性

該屬性指定在何處顯示鏈接的資源灯帮。

• _self: 當(dāng)前頁(yè)面加載奠旺。默認(rèn)值蜘澜。

• _blank: 新窗口打開(kāi)。

• _parent: 加載響應(yīng)到當(dāng)前框架的父框架响疚。如果沒(méi)有上級(jí)框架，則與 _self 行為相同瞪醋。

• _top: 加載的響應(yīng)成完整的忿晕，原來(lái)的窗口，取消所有其它 frame银受。如果沒(méi)有上級(jí)框架践盼，則與 _self 行為相同。

5.8 type 屬性

指定在一個(gè) MIME type 鏈接目標(biāo)的形式的媒體類型宾巍。其僅提供建議咕幻。

6. q 標(biāo)簽

表示一個(gè)封閉的并且是短的行內(nèi)引用的文本。 這個(gè)標(biāo)簽是用來(lái)引用短的文本顶霞。

對(duì)于長(zhǎng)的文本的引用請(qǐng)使用 blockquote 替代.

6.1 cite 屬性

這個(gè)屬性的值是 URL肄程，意在指出被引用的文本的源文檔或者源信息。

<p>
  Everytime Kenny is killed, Stan will announce
  <q cite="http://en.wikipedia.org/wiki/Kenny_McCormick#Cultural_impact">
    Oh my God, you/they killed Kenny! </q
  >.
</p>

7. time 標(biāo)簽

用來(lái)表示 24 小時(shí)制時(shí)間或者公歷日期选浑，若表示日期則也可包含時(shí)間和時(shí)區(qū)蓝厌。

此元素意在以機(jī)器可讀的格式表示日期和時(shí)間。

7.1 datetime 屬性

該屬性表示此元素的時(shí)間和日期古徒，并且屬性值必須是一個(gè)有效的日期格式拓提，并可包含時(shí)間。

8. map area 標(biāo)簽

這兩個(gè)屬性一起使用來(lái)定義一個(gè)圖像映射(一個(gè)可點(diǎn)擊的鏈接區(qū)域).

8.1 name 屬性 - map

name 屬性 給 map 一個(gè)名字用來(lái)查詢隧膘，這個(gè)屬性是必須的代态，值必須不能為空并且不能帶空格。
name 屬性不準(zhǔn)與同文檔中其他 map 元素的值相同疹吃，如果 id 屬性也被添加蹦疑，name 屬性和 id 屬性的值必須相同。

8.2 alt 屬性

在未顯示圖像的瀏覽器上顯示代替的文本字符串互墓。

8.3 coords 屬性

給熱點(diǎn)區(qū)域設(shè)定具體的坐標(biāo)值必尼。這個(gè)值的數(shù)值和意義取決于這個(gè)值所描述的形狀屬性。

• 對(duì)于矩形或長(zhǎng)方形, 這個(gè) coords 值為兩個(gè) X,Y 對(duì)：左上篡撵、右下判莉。

• 對(duì)于圓形, 這個(gè)值是 x,y,r ，這里的 x,y 是一對(duì)確定圓的中心的坐標(biāo)而 r 則表示的是半徑值育谬。

• 對(duì)于多邊和多邊形券盅，這個(gè)值是用 x,y 對(duì)表示的多邊形的每一個(gè)點(diǎn)：x1,y1,x2,y2,x3,y3,等等。

HTML4 里, 值可能是像素?cái)?shù)量或者百分比, 區(qū)別是不是有%出現(xiàn); HTML5 里, 只可能是像素的數(shù)量.

8.4 download 屬性

這個(gè)屬性如果存在的話, 表明作者想把超鏈接用于下載一個(gè)資源膛檀。同標(biāo)簽 a锰镀。

8.5 href 屬性

area 的超鏈接, 值為一個(gè) URL.

8.6 hreflang 屬性

指明鏈接資源的語(yǔ)言類型娘侍。

8.7 media 屬性

指明鏈接資源的媒體類型，例：print and screen泳炉。如果此屬性省略憾筏，默認(rèn)全部。

8.8 rel 屬性

對(duì)于包含 href 屬性的錨花鹅，該屬性指定目標(biāo)對(duì)象與鏈接對(duì)象的關(guān)系氧腰。該值是一個(gè)逗號(hào)分隔的鏈接類型值列表。

8.9 shape 屬性

相關(guān)聯(lián)的熱點(diǎn)的形狀刨肃。

8.10 target 屬性

同 a 標(biāo)簽的 target古拴。

8.11 type 屬性

該屬性指定了用于鏈接目標(biāo)的 MIME 類型的媒體類型。

<map name="primary">
  <area shape="circle" coords="200,250,25" href="another.htm" />
  <area shape="default" />
</map>

9. img 標(biāo)簽

表示將一份圖像嵌入文檔真友。支持的圖像格式如下：

9.1 alt 屬性

圖像的備用文本描述黄痪。

9.2 crossorigin 屬性

是否必須使用 CORS 完成相關(guān)圖像的抓取。
啟用 CORS 的圖像 可以在 <canvas> 元素中重復(fù)使用盔然，而不會(huì)被污染（tainted）桅打。

• anonymous 執(zhí)行一個(gè)跨域請(qǐng)求，但是沒(méi)有發(fā)送證書轻纪。

• use-credentials 一個(gè)有證書的跨域請(qǐng)求發(fā)送油额。

9.2 decoding 屬性

為瀏覽器提供圖像解碼方式上的提示。

• sync 同步解碼圖像刻帚，實(shí)現(xiàn)與其他內(nèi)容的顯示相互斥的原子顯示潦嘶。

• async 異步解碼圖像，以減少其他內(nèi)容的顯示延遲崇众。

• auto 默認(rèn)值：不指定解碼方式掂僵，由瀏覽器決定哪一種對(duì)于用戶來(lái)說(shuō)是最合適的。

9.3 width顷歌、height 屬性

圖像的寬度和高度锰蓬，單位像素，如果只指定某一個(gè)眯漩，瀏覽器會(huì)自動(dòng)縮放芹扭。

9.4 importance 屬性

指示下載資源時(shí)相對(duì)重要性，或者說(shuō)優(yōu)先級(jí)赦抖。

• auto 不指定優(yōu)先級(jí)舱卡。瀏覽器可以使用自己的算法來(lái)為圖像選擇優(yōu)先級(jí)。

• high 此圖像在下載時(shí)優(yōu)先級(jí)較高队萤。

• low 此圖像在下載時(shí)優(yōu)先級(jí)較低轮锥。

9.5 intrinsicsize 屬性（不支持）

告訴瀏覽器忽略圖像本身的寬高。

9.6 ismap 屬性

這個(gè)布爾屬性表示圖像是否是服務(wù)器端 map 的一部分要尔。如果是舍杜，那么點(diǎn)擊圖片的精準(zhǔn)坐標(biāo)將會(huì)被發(fā)送到服務(wù)器新娜。

9.7 loading 屬性

指示瀏覽器應(yīng)當(dāng)如何加載該圖像。

• eager 立即加載圖像既绩，不管它是否在可視視口（visible viewport）之外（默認(rèn)值）概龄。

• lazy 延遲加載圖像，直到它和視口接近到一個(gè)計(jì)算得到的距離熬词，由瀏覽器定義旁钧。

9.8 referrerpolicy 屬性

指示在獲取資源時(shí)使用哪個(gè)引用。

9.9 sizes 屬性

表示資源大小的互拾、以逗號(hào)隔開(kāi)的一個(gè)或多個(gè)字符串。每一個(gè)資源大小包括：一個(gè)媒體條件嚎幸，一個(gè)資源尺寸的值颜矿。

當(dāng) srcset 中的資源使用了寬度描述符 w 時(shí)，用戶代理會(huì)使用當(dāng)前圖像大小來(lái)選擇 srcset 中合適的一個(gè)圖像 URL嫉晶。

如果沒(méi)有設(shè)置 srcset 屬性骑疆，或者沒(méi)有屬性值，那么 sizes 屬性也將不起作用替废。

9.10 srcset 屬性

以逗號(hào)分隔的一個(gè)或多個(gè)字符串列表表明一系列用戶代理使用的可能的圖像箍铭。

每一個(gè)字符串由以下組成： 一個(gè)是指向圖像的 URL，另一個(gè)是可選的椎镣，該值可以是一個(gè)寬度描述符诈火，
這是一個(gè)正整數(shù)，后面緊跟 'w' 符號(hào)状答。該整數(shù)寬度除以 sizes 屬性給出的資源（source）大小來(lái)計(jì)算得到有效的像素密度冷守，
即換算成和 x 描述符等價(jià)的值【疲或者是一個(gè)像素密度描述符拍摇，這是一個(gè)正浮點(diǎn)數(shù)，后面緊跟 'x' 符號(hào)馆截。

如果沒(méi)有指定源描述符充活，那它會(huì)被指定為默認(rèn)的 1x。

<!-- 如下 srcset 屬性蜡娶，它引用了 MDN 標(biāo)志高清版本混卵；在高分辨率設(shè)備上，將被優(yōu)先加載翎蹈，取代 src 屬性中的圖像淮菠。 -->
<img
  src="https://developer.mozilla.org/static/img/favicon72.png"
  alt="MDN logo"
  srcset="https://developer.mozilla.org/static/img/favicon144.png 2x"
/>

<!-- 當(dāng)匹配了媒體條件 (min-width: 600px) 時(shí)，圖像將寬 200px荤堪，否則寬 50vw（視圖寬度的50%） -->
<img
  src="/files/16864/clock-demo-200px.png"
  alt="Clock"
  srcset="
    /files/16864/clock-demo-200px.png 200w,
    /files/16797/clock-demo-400px.png 400w
  "
  sizes="(max-width: 600px) 200px, 50vw"
/>

9.11 src 屬性

圖像的 URL合陵，這個(gè)屬性對(duì) <img> 元素來(lái)說(shuō)是必需的枢赔。
在支持 srcset 的瀏覽器中，src 被當(dāng)做擁有一個(gè)像素密度的描述符 1x 的候選圖像處理拥知，
除非一個(gè)圖像擁有這個(gè)像素密度描述符已經(jīng)被在 srcset 或者 srcset 包含 w 描述符中定義了踏拜。

9.12 usemap 屬性

與元素相關(guān)聯(lián)的 image map 的部分 URL（以 '#' 開(kāi)始的部分）。

如果 <img> 元素是 <a>或 <button> 元素的后代元素則不能使用這個(gè)屬性低剔。

10. audio速梗、video、track source 標(biāo)簽

audio 音頻

video 視頻

track 字幕

source 媒體資源

11. object 標(biāo)簽

表示引入一個(gè)外部資源襟齿，這個(gè)資源可能是一張圖片姻锁，一個(gè)嵌入的瀏覽上下文，亦或是一個(gè)插件所使用的資源猜欺。

11.1 data 屬性

一個(gè)合法的 URL 作為資源的地址位隶，，需要為 data 和 type 中至少一個(gè)設(shè)置值开皿。

11.2 form 屬性

對(duì)象元素關(guān)聯(lián)的 form 元素（屬于的 form）涧黄。 取值必須是同一文檔下的一個(gè) <form> 元素的 ID。

11.3 width赋荆、height 屬性

資源顯示的寬度和高度笋妥，單位是 CSS 像素。

11.4 name 屬性

瀏覽上下文名稱（HTML5）窄潭，或者控件名稱（HTML 4）春宣。

11.5 type 屬性

data 指定的資源的 MIME 類型，需要為 data 和 type 中至少一個(gè)設(shè)置值狈孔。

11.6 usemap 屬性

指向一個(gè) <map> 元素的 hash-name信认；格式為 ‘#’ 加 map 元素 name 元素的值。

<object
  type="application/pdf"
  data="/media/examples/In-CC0.pdf"
  width="250"
  height="200"
></object>

12. params 標(biāo)簽

為 object 標(biāo)簽定義參數(shù)均抽。

12.1 name 屬性

參數(shù)的名稱嫁赏。

12.2 type 屬性

僅當(dāng) valuetype 設(shè)置為“ref”時(shí)才使用。根據(jù) URI 中給定的數(shù)據(jù)確定 MIME 類型油挥。

12.3 value 屬性

參數(shù)的值潦蝇。

12.4 valuetype 屬性

確定參數(shù)的類型∩盍龋可選值如下：

• data: 默認(rèn)值攘乒。該值作為字符串變量傳遞給對(duì)象實(shí)例。

• ref: 該值是存儲(chǔ)運(yùn)行時(shí)變量的資源的 URI惋鹅。

• object: 同一頁(yè)面（document）中另一個(gè) <object> 的 ID则酝。