在html5中，屬性值兩邊用英文狀態(tài)的雙引號(hào)“"”和“"”或單引號(hào)“'”和“'”包裹，語(yǔ)法“屬性名="屬性值"”或“屬性='屬性值'”；雖然雙引號(hào)和單引號(hào)都可以包圍屬性值，但是為了規(guī)范和專業(yè)，盡量使用雙引號(hào)。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

什么是屬性

屬性可以為 HTML 標(biāo)簽提供一些額外信息，或者對(duì) HTML 標(biāo)簽進(jìn)行修飾。屬性需要添加在開(kāi)始標(biāo)簽中，語(yǔ)法格式為：

attr="value" attr='value'

attr 表示屬性名，value 表示屬性值。屬性值必須使用雙引號(hào)""或者單引號(hào)''包圍。

注意，雖然雙引號(hào)和單引號(hào)都可以包圍屬性值，但是為了規(guī)范和專業(yè)，請(qǐng)盡量使用雙引號(hào)。

一個(gè)標(biāo)簽可以沒(méi)有屬性，也可以有一個(gè)或者多個(gè)屬性。

使用 HTML 屬性的例子：

<p id="user-info" class="color-red">歡迎 <font color="red" size="3">Tom</font> 來(lái)到PHP中文網(wǎng)!<p> <div class="clearfloat">     <p class="left">這里顯示 Tom 的賬號(hào)信息</p>     <p class="right">這里顯示 Tom 的個(gè)性簽名</p> </div>

專用屬性

HTML 屬性有很多，大體可以分為兩類：

有些屬性適用于大部分或者所有 HTML 標(biāo)簽，我們將這些屬性稱為通用屬性；

有些屬性只適用于一個(gè)或者幾個(gè)特定的 HTML 標(biāo)簽，我們將這些屬性稱為專用屬性。

HTML 中的 <img> 標(biāo)簽就有 src 和 alt 兩個(gè)專用屬性，<a> 標(biāo)簽也有 href 和 target 兩個(gè)專用屬性，如下例所示：

<img src="./logo.png" alt="PHP中文網(wǎng)Logo" width="100" height="50"> <a href="http://c.biancheng.net/" target="_blank">PHP中文網(wǎng)</a>

對(duì)代碼的說(shuō)明：

• <img> 標(biāo)簽中的 src 屬性用來(lái)定義圖像的路徑，alt 屬性用來(lái)定義圖像的描述信息，當(dāng)圖像出現(xiàn)異常無(wú)法正常顯示時(shí)就會(huì)顯示 alt 中的信息。

• <a> 標(biāo)簽的 href 屬性用來(lái)定義鏈接的地址，target 屬性用來(lái)定義新頁(yè)面在瀏覽器中的打開(kāi)方式。

自定義屬性

除了自帶的屬性，HTML 也允許我們自定義屬性，這些屬性雖然可以被瀏覽器識(shí)別，但是并不會(huì)添加什么特殊效果，我們需要借助 CSS 和 JavaScript 處理自定義屬性，為 HTML 標(biāo)簽添加指定樣式或者行為。

推薦教程：《html視頻教程》