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

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

什么是屬性

屬性可以為 HTML 標簽提供一些額外信息，或者對 HTML 標簽進行修飾。屬性需要添加在開始標簽中，語法格式為：

attr="value" attr='value'

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

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

一個標簽可以沒有屬性，也可以有一個或者多個屬性。

使用 HTML 屬性的例子：

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

專用屬性

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

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

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

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

<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>

對代碼的說明：

• <img> 標簽中的 src 屬性用來定義圖像的路徑，alt 屬性用來定義圖像的描述信息，當圖像出現(xiàn)異常無法正常顯示時就會顯示 alt 中的信息。

• <a> 標簽的 href 屬性用來定義鏈接的地址，target 屬性用來定義新頁面在瀏覽器中的打開方式。

自定義屬性

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

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