整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
性是 HTML 元素提供的附加信息。
HTML 屬性
HTML 元素可以設(shè)置屬性
屬性可以在元素中添加附加信息
屬性一般描述于開(kāi)始標(biāo)簽
屬性總是以名稱/值對(duì)的形式出現(xiàn)，比如：name="value"。
屬性實(shí)例
HTML 鏈接由 <a> 標(biāo)簽定義。鏈接的地址在 href 屬性中指定：
實(shí)例
<a>這是一個(gè)鏈接</a>
HTML 屬性常用引用屬性值
屬性值應(yīng)該始終被包括在引號(hào)內(nèi)。
雙引號(hào)是最常用的，不過(guò)使用單引號(hào)也沒(méi)有問(wèn)題。
提示: 在某些個(gè)別的情況下，比如屬性值本身就含有雙引號(hào)，那么您必須使用單引號(hào)，例如：name='John "ShotGun" Nelson'
HTML 提示：使用小寫(xiě)屬性
屬性和屬性值對(duì)大小寫(xiě)不敏感。
不過(guò)，萬(wàn)維網(wǎng)聯(lián)盟在其 HTML 4 推薦標(biāo)準(zhǔn)中推薦小寫(xiě)的屬性/屬性值。
而新版本的 (X)HTML 要求使用小寫(xiě)屬性。
HTML 屬性參考手冊(cè)
查看完整的HTML屬性列表: HTML 標(biāo)簽參考手冊(cè)。
下面列出了適用于大多數(shù) HTML 元素的屬性：
| 屬性 | 描述 |
|---|---|
| class | 為html元素定義一個(gè)或多個(gè)類名（classname）(類名從樣式文件引入) |
| id | 定義元素的唯一id |
| style | 規(guī)定元素的行內(nèi)樣式（inline style） |
| title | 描述了元素的額外信息 (作為工具條使用) |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
例
以下代碼標(biāo)記了一個(gè)段落：
<p>這是一個(gè)段落。</p>
瀏覽器支持
目前大多數(shù)瀏覽器支持 <p>標(biāo)簽。
標(biāo)簽定義及使用說(shuō)明
<p> 標(biāo)簽定義段落。
<p>元素會(huì)自動(dòng)在其前后創(chuàng)建一些空白。瀏覽器會(huì)自動(dòng)添加這些空間，您也可以在樣式表中規(guī)定。
在HTML 4.01 與 HTML5中的差異
HTML 4.01中標(biāo)簽的 align 屬性已經(jīng)廢棄，HTML5不支持該屬性。
屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| align | leftrightcenterjustify | HTML5不支持。 HTML 4.01已廢棄。 不贊成使用。請(qǐng)使用樣式取代它。 規(guī)定段落中文本的對(duì)齊方式。 |
全局屬性
<p> 標(biāo)簽支持全局屬性，查看完整屬性表 HTML全局屬性。
事件屬性
<p> 標(biāo)簽支持所有 HTML事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
在前端開(kāi)發(fā)編寫(xiě)html文件的時(shí)候，我們可能會(huì)很熟練的寫(xiě)出常見(jiàn)的html元素，但是如果問(wèn)到某些元素的差別時(shí)，大家不一定能說(shuō)的出來(lái)，今天就給大家總結(jié)一下那些很常見(jiàn)但容易混淆的屬性。
html與css
css樣式文件引入的方式有兩種，分別是link標(biāo)簽和@import。
link語(yǔ)法結(jié)構(gòu)
link語(yǔ)法結(jié)構(gòu)如下，注意rel='stylesheet'屬性要加上。
link語(yǔ)法結(jié)構(gòu)
@import語(yǔ)法結(jié)構(gòu)
當(dāng)@import用在html中時(shí)，需要配合style標(biāo)簽
@import在html中
當(dāng)@import用在css文件中，直接使用@import url()即可
@import在css中
既然link與@import都可以用來(lái)引入css，那么它們的區(qū)別是什么呢？我們又該如何選擇呢？
link是XHTML標(biāo)簽的一種，除了可以加載css外，還可以定義其他rel屬性，而@import只能用來(lái)加載css。
link標(biāo)簽在加載css時(shí)，與頁(yè)面一同加載，而@import需要等到網(wǎng)頁(yè)完全加載以后才進(jìn)行加載。
link是XHTML標(biāo)簽，不存在兼容問(wèn)題，而@import是在CSS2.1中提出的，對(duì)于低版本的瀏覽器不支持。
link標(biāo)簽可以通過(guò)Javascript代碼去控制其屬性，而@import不可以。
javascript控制link
@import支持在css文件中再次引入其他css文件，方便對(duì)多個(gè)css文件的管理。
因?yàn)锧import引入的文件需要在網(wǎng)頁(yè)完全加載后再加載，如果在網(wǎng)絡(luò)速度較慢的情況下，會(huì)出現(xiàn)頁(yè)面閃現(xiàn)，因此建議使用link標(biāo)簽代替@import。
html元素的readonly與disabled屬性一般都是用于無(wú)法改變表單的內(nèi)容，但是兩者也是有區(qū)別的。
readonly屬性只針對(duì)input(text,password)和textarea元素，而disabled適用于所有表單元素，包括select,radio,checkbox,button等。
在表單元素使用了disabled后，該元素的的值不會(huì)隨著form的action請(qǐng)求傳遞到服務(wù)器端，而使用readonly的元素值可以傳遞到服務(wù)器端。
以下是一些關(guān)于兩者的使用建議。
在表單中為用戶預(yù)填的唯一標(biāo)識(shí)碼，不允許用戶改動(dòng)，而且需要傳遞到后臺(tái)的使用readonly屬性。
用戶提交完表單元素后，等待服務(wù)器端的驗(yàn)證，這個(gè)過(guò)程應(yīng)該將元素設(shè)為disabled，button和submit也應(yīng)該設(shè)為disabled，以防止重復(fù)提交。
title屬性
img標(biāo)簽的title屬性是用來(lái)提供一些建議性的信息，在鼠標(biāo)停留在上方時(shí)會(huì)顯示，它對(duì)于圖片來(lái)說(shuō)只是一種注釋性的信息，重要性偏低。
alt屬性
alt屬性是為不能顯示圖像時(shí)，用來(lái)指定替換文字，需要注意的是替換文字是用來(lái)代替文字的，而不是用來(lái)注釋文字的。
屬性的使用
在做圖片為主的網(wǎng)頁(yè)時(shí)，考慮到網(wǎng)頁(yè)的SEO，應(yīng)當(dāng)設(shè)置圖片的alt屬性為圖片的真實(shí)內(nèi)容，而給title設(shè)置一些建議性的內(nèi)容。
今天這篇文章主要將了幾個(gè)html中容易混淆的屬性，你有收獲嗎？
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
