淺談html中alt和(hé)title屬性兩者的(de)區(qū)别

來(lái)源：徐州億網網絡科(kē)技(jì) ‍有(yǒu)限公司 時(shí)間(jiān)：2012-03-07 作(zuò)者：

    ←×↑    很(ππhěn)多(duō)學習(xí)HTML的(de)朋(péng)友δ×(yǒu)對(duì)alt和(hé)title這(zh&♠₹ è)兩個(gè)屬性感到(dào)非常迷惑，其實兩者有(yǒu)很(hěn)大(d€$£☆à)的(de)差别，在這(zhè)裡(lǐ)徐州網絡公司就(jiù)這(zhè)個(gè)問(wèn)÷σ ™題說(shuō)說(shuō)自(zì)己的(de)看(kàn)法。

        alt屬性

        Altσ¥屬性（注意是(shì)“屬性”而不(b<₹ù)是(shì)“标簽”）包括替換說(shuō)明(míngαπ₩)，對(duì)于圖像和(hé)圖像熱(rè)點是(shì)必須的(de)。它↕♥隻能(néng)用(yòng)在img、area和(hé)input元素σ 中（包括applet元素）。對(duì)于input✔ &元素，alt屬性意在用(yòng)來(lái)替換提交按鈕的(de)圖片。

     <→ε   使用(yòng)alt屬性是(shì)為®★∞(wèi)了(le)給那(nà)些(xiē)不(bù)能(néng)看(kàn)到(dào)≥$♠你(nǐ)文(wén)檔中圖像的(de)浏覽者提供文(wén)字說(shuō"<α)明(míng)。這(zhè)包括那(nà)些(xiē)™​使用(yòng)本來(lái)就(jiù)不(bù)支持圖像顯示或者圖像顯♦<↔示被關閉的(de)浏覽器(qì)的(de)用(yòng)戶，視(sh왣₽↔)覺障礙的(de)用(yòng)戶和(hé)使用(yòng)屏幕閱讀(dú)器(qì✔♠¥ε)的(de)用(yòng)戶。替換文(wén)字是(shì)用(yòng§©)來(lái)替代圖像而不(bù)是(shì)提供≈‍←額外(wài)說(shuō)明(míng)文( $←©wén)字的(de)。

       ¶÷ 文(wén)字的(de)圖像圖片設置替換文(wén)字是(shì)最簡單的₹←δ(de)，圖像中包含的(de)文(wén)字一(yī)般來(lái)說(shuō)就(jiù)可(↓ kě)以作(zuò)為(wèi)alt屬性值。Alt屬性值得(de)長(cháng)度必須少(®↔♠shǎo)于100個(gè)英文(wén)字符或者用(yòng)戶必須保證替換文(w♦•₩©én)字盡可(kě)能(néng)的(de)短(duǎn)。

       ₽™ title屬性

   &nb∑ ♣Ωsp;    title屬性為(wèi)設置該屬性的(d¶®★≥e)元素提供建議(yì)性的(de)信息。
 

     &n'α∞αbsp;  title屬性可(kě)以用(yòng)在除了(✔™≈le)base，basefont，head，html，meta，param"♣φ，script和(hé)title之外(wài)的(de)所≠φ★$有(yǒu)标簽。但(dàn)是(shì)并♠↕€λ不(bù)是(shì)必須的(de)。可(kě)能(néng)這(zhè)正是(shì"÷Ω)為(wèi)什(shén)麽很(hěn)多(du↔↕₹Ωō)人(rén)不(bù)明(míng)白(bái)何時(shíα♠×)使用(yòng)它。

     &α☆nbsp;  使用(yòng)title屬性提供♠"≠$非本質的(de)額外(wài)信息。大(dà™δ✔₹)部分(fēn)的(de)可(kě)視(shì)化(huà)浏覽器(qì)在鼠标懸 ">浮在特定元素上(shàng)時(shí)顯示title文(wén)字為(wèi)提示₹‌¶信息，然而這(zhè)又(yòu)由制(zhì)造商來(lái)決定如(rú)何渲染title文("±wén)字。一(yī)些(xiē)浏覽器(qì)會(→ ∑huì)将title文(wén)字顯示在狀态欄裡(lǐ)。

      &n×✔®₽bsp; title屬性有(yǒu)一(yī)個(gè)很(h←★∞→ěn)好(hǎo)的(de)用(yòng)途，即為(wèi)鏈接添加描述性文(wén)字，特别是(↔©shì)當連接本身(shēn)并不(bù)是(shì)十分(fēn)清楚的(de)↕↑λ表達了(le)鏈接的(de)目的(de)。這(zhè)樣就(¶εφjiù)使得(de)訪問(wèn)者知(zhī)道(dào)那(nà)些(xiē)鏈接将會(huì©β)帶他(tā)們到(dào)什(shén)麽地 ₽δΩ(dì)方，他(tā)們就(jiù)不(bù)會♣↑£(huì)加載一(yī)個(gè)可(kě)能(néng)完全不(bù)感₹←£®興趣的(de)頁面。另外(wài)一(y®↔ ≤ī)個(gè)潛在的(de)應用(yòng)就(jiù)是(shì)為(wèi)圖像提供額外(w‌ ‍®ài)的(de)說(shuō)明(míng)信息，比如(€ε✘rú)日(rì)期或者其他(tā)非本質的(de)信息。

      &nb∏‌σsp; 以上(shàng)是(shì)有(yǒu)徐州億網網絡公司（http://www.exz.cn）原創，如(rú)果您想在徐州做(zuò)網站(zhàn)，請(qǐng)與我們聯系。謝(xiè)謝(xiè)！∑ 

• 上(shàng)一(yī)篇: 做(zuò)好(hǎo)六個(gè)細β♥‍節讓你(nǐ)網站(zhàn)表單更完美(měi)
• 下(xià)一(yī)篇: 做(zuò)₩ γ÷w3c網站(zhàn)容易出現(xiàn)的(de)DIV布局錯(cuò)​↔ >誤