性是 HTML 元素提供的附加信息。

HTML 屬性

• HTML 元素可以設置屬性

• 屬性可以在元素中添加附加信息

• 屬性一般描述于開始標簽

• 屬性總是以名稱/值對的形式出現，比如：name="value"。

屬性實例

HTML 鏈接由 <a> 標簽定義。鏈接的地址在 href 屬性中指定：

實例

<a>這是一個鏈接</a>

HTML 屬性常用引用屬性值

屬性值應該始終被包括在引號內。

雙引號是最常用的，不過使用單引號也沒有問題。

提示: 在某些個別的情況下，比如屬性值本身就含有雙引號，那么您必須使用單引號，例如：name='John "ShotGun" Nelson'

HTML 提示：使用小寫屬性

屬性和屬性值對大小寫不敏感。

不過，萬維網聯盟在其 HTML 4 推薦標準中推薦小寫的屬性/屬性值。

而新版本的 (X)HTML 要求使用小寫屬性。

HTML 屬性參考手冊

查看完整的HTML屬性列表: HTML 標簽參考手冊。

下面列出了適用于大多數 HTML 元素的屬性：

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

例

以下代碼標記了一個段落：

<p>這是一個段落。</p>

瀏覽器支持

目前大多數瀏覽器支持 <p>標簽。

標簽定義及使用說明

<p> 標簽定義段落。

<p>元素會自動在其前后創建一些空白。瀏覽器會自動添加這些空間，您也可以在樣式表中規定。

在HTML 4.01 與 HTML5中的差異

HTML 4.01中標簽的 align 屬性已經廢棄，HTML5不支持該屬性。

屬性

全局屬性

<p> 標簽支持全局屬性，查看完整屬性表 HTML全局屬性。

事件屬性

<p> 標簽支持所有 HTML事件屬性。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

言

在前端開發編寫html文件的時候，我們可能會很熟練的寫出常見的html元素，但是如果問到某些元素的差別時，大家不一定能說的出來，今天就給大家總結一下那些很常見但容易混淆的屬性。

html與css

css引入

css樣式文件引入的方式有兩種，分別是link標簽和@import。

• link語法結構

link語法結構如下，注意rel='stylesheet'屬性要加上。

link語法結構

• @import語法結構

當@import用在html中時，需要配合style標簽

@import在html中

當@import用在css文件中，直接使用@import url()即可

@import在css中

link與@import的區別與選擇

既然link與@import都可以用來引入css，那么它們的區別是什么呢？我們又該如何選擇呢？

• link是XHTML標簽的一種，除了可以加載css外，還可以定義其他rel屬性，而@import只能用來加載css。

• link標簽在加載css時，與頁面一同加載，而@import需要等到網頁完全加載以后才進行加載。

• link是XHTML標簽，不存在兼容問題，而@import是在CSS2.1中提出的，對于低版本的瀏覽器不支持。

• link標簽可以通過Javascript代碼去控制其屬性，而@import不可以。

javascript控制link

• @import支持在css文件中再次引入其他css文件，方便對多個css文件的管理。

因為@import引入的文件需要在網頁完全加載后再加載，如果在網絡速度較慢的情況下，會出現頁面閃現，因此建議使用link標簽代替@import。

readonly與disabled屬性

html元素的readonly與disabled屬性一般都是用于無法改變表單的內容，但是兩者也是有區別的。

• readonly屬性只針對input(text,password)和textarea元素，而disabled適用于所有表單元素，包括select,radio,checkbox,button等。

• 在表單元素使用了disabled后，該元素的的值不會隨著form的action請求傳遞到服務器端，而使用readonly的元素值可以傳遞到服務器端。

以下是一些關于兩者的使用建議。

• 在表單中為用戶預填的唯一標識碼，不允許用戶改動，而且需要傳遞到后臺的使用readonly屬性。

• 用戶提交完表單元素后，等待服務器端的驗證，這個過程應該將元素設為disabled，button和submit也應該設為disabled，以防止重復提交。

img元素的title和alt屬性

• title屬性
  

img標簽的title屬性是用來提供一些建議性的信息，在鼠標停留在上方時會顯示，它對于圖片來說只是一種注釋性的信息，重要性偏低。

• alt屬性

alt屬性是為不能顯示圖像時，用來指定替換文字，需要注意的是替換文字是用來代替文字的，而不是用來注釋文字的。

• 屬性的使用

在做圖片為主的網頁時，考慮到網頁的SEO，應當設置圖片的alt屬性為圖片的真實內容，而給title設置一些建議性的內容。

總結

今天這篇文章主要將了幾個html中容易混淆的屬性，你有收獲嗎？