XHTML是CSS布局的基礎(chǔ),cdcxhl.com一直強(qiáng)調(diào)XHTML知識(shí)的學(xué)習(xí),重視語(yǔ)義和文檔的結(jié)構(gòu)。title 和alt 屬性,給我最直觀的感受就是,可以提高文檔的適應(yīng)性,并合理提高關(guān)鍵詞密度。在XHTML標(biāo)準(zhǔn)里,圖片的alt 屬性是必須的。
alt屬性
為不能顯示圖像、窗體或applets的用戶代理(UA),alt屬性用來(lái)指定替換文字。替換文字的語(yǔ)言由lang屬性指定。Alt屬性(注意是“屬性”而不是“標(biāo)簽”) 包括替換說(shuō)明,對(duì)于圖像和圖像熱點(diǎn)是必須的。它只能用在img、area和input元素中(包括applet元素)。對(duì)于input元素,alt屬性意 在用來(lái)替換提交按鈕的圖片。
比如:使用alt屬性是為了給那些不能看到你文檔中圖像的瀏覽者提供文字說(shuō)明。這包括那些使用本來(lái)就不支持圖像顯示或者圖像顯示被關(guān)閉的瀏覽器的用戶,視覺(jué)障礙的用戶和使用屏幕閱讀器的用戶。替換文字是用來(lái)替代圖像而不是提供額外說(shuō)明文字的。
在寫(xiě)替換文字前仔細(xì)想想,保證那些文字確實(shí)為那些看不到圖像的人提供了說(shuō)明信息,并且在上下文中有意義。對(duì)于那些裝飾性的圖片可以使用空的值 (alt="",引號(hào)中間沒(méi)有空格),而不是使用不相關(guān)的替換文字比如“blue bullet”或者“spacer.gif”。不要忽略它,如果你忽略了,那么一些屏幕閱讀器會(huì)直接閱讀圖像文件的文件名,那些文字瀏覽器,比如Lynx 會(huì)顯示圖像文件的文件名,而那對(duì)于你的瀏覽者就沒(méi)什么用了。
包含文字的圖像圖片設(shè)置替換文字是最簡(jiǎn)單的,圖像中包含的文字一般來(lái)說(shuō)就可以作為alt屬性值。
title屬性
title屬性為設(shè)置該屬性的元素提供建議性的信息。
title屬性可以用在除了base,basefont,head,html,meta,param,script和title之外的所有標(biāo)簽。但是并不是必須的??赡苓@正是為什么很多人不明白何時(shí)使用它。
使用title屬性提供非本質(zhì)的額外信息。大部分的可視化瀏覽器在鼠標(biāo)懸浮在特定元素上時(shí)顯示title文字為提示信息(tool tip),然而這又由制造商來(lái)決定如何渲染title文字。一些瀏覽器會(huì)將title文字顯示在狀態(tài)欄里。比如早期版本的Safari瀏覽器。
title屬性有一個(gè)很好的用途,即為鏈接添加描述性文字,特別是當(dāng)連接本身并不是十分清楚的表達(dá)了鏈接的目的。這樣就使得訪問(wèn)者知道那些鏈接將會(huì) 帶他們到什么地方,他們就不會(huì)加載一個(gè)可能完全不感興趣的頁(yè)面。另外一個(gè)潛在的應(yīng)用就是為圖像提供額外的說(shuō)明信息,比如日期或者其他非本質(zhì)的信息。
title屬性值可以比alt屬性值設(shè)置的更長(zhǎng)。不過(guò)要注意的是,有些瀏覽器會(huì)截?cái)噙^(guò)長(zhǎng)的文字(比如工具提示或其他)。比如Mozilla核心的瀏覽器只能顯示最先的60個(gè)字符。這被認(rèn)為是一個(gè)Mozilla bug,這是你要注意的。
分享名稱:關(guān)于title屬性與alt屬性
鏈接地址:http://jinyejixie.com/news44/318644.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開(kāi)發(fā)、搜索引擎優(yōu)化、用戶體驗(yàn)、網(wǎng)站營(yíng)銷、、動(dòng)態(tài)網(wǎng)站
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)