alt屬性和title屬性
2006/2/6 22:09:00
當(dāng)瀏覽器賣主扭曲了標(biāo)準(zhǔn)并且自顧自的不按規(guī)則去做一些事,他們可能會(huì)造成一些問題,或者至少產(chǎn)生了混淆。例子之一就是一些瀏覽器處理alt屬性(一般會(huì)被錯(cuò)誤的稱作alt標(biāo)簽)的方式,比如擁有大量用戶的Windows的IE瀏覽器。
替換文字(alt text)并不是用來(lái)做提示(tool tip),或者更加確切的說(shuō),它并不是為圖片提供額外說(shuō)明信息的。相反地,title屬性才應(yīng)該用來(lái)為元素提供額外說(shuō)明信息。這些信息在大部分圖像瀏覽器里顯示為提示(tool tip),雖然制造商可以任意采取其他方式渲染title屬性的文字。
很多人看來(lái)對(duì)這兩個(gè)屬性感到迷惑(最近這個(gè)問題在Web Standards Group郵件列表里變多了), 所以我寫下我的想法,如何去用它們。
alt屬性
為不能顯示圖像、窗體或applets的用戶代理(UA),alt屬性用來(lái)指定替換文字。替換文字的語(yǔ)言由lang屬性指定。
來(lái)源:How to specify alternate text.
Alt屬性(注意是“屬性”而不是“標(biāo)簽”)包括替換說(shuō)明,對(duì)于圖像和圖像熱點(diǎn)是必須的。它只能用在img、area和input元素中(包括applet元素)。對(duì)于input元素,alt屬性意在用來(lái)替換提交按鈕的圖片。比如:<input type="image" src="image.gif" alt="Submit" />.
使用alt屬性是為了給那些不能看到你文檔中圖像的瀏覽者提供文字說(shuō)明。這包括那些使用本來(lái)就不支持圖像顯示或者圖像顯示被關(guān)閉的瀏覽器的用戶,視覺障礙的用戶和使用屏幕閱讀器的用戶。替換文字是用來(lái)替代圖像而不是提供額外說(shuō)明文字的。
在寫替換文字前仔細(xì)想想,保證那些文字確實(shí)為那些看不到圖像的人提供了說(shuō)明信息,并且在上下文中有意義。對(duì)于那些裝飾性的圖片可以使用空的值(alt="",引號(hào)中間沒有空格),而不是使用不相關(guān)的替換文字比如“blue bullet”或者“spacer.gif”。不要忽略它,如果你忽略了,那么一些屏幕閱讀器會(huì)直接閱讀圖像文件的文件名,那些文字瀏覽器,比如Lynx會(huì)顯示圖像文件的文件名,而那對(duì)于你的瀏覽者就沒什么用了。
包含文字的圖像圖片設(shè)置替換文字是最簡(jiǎn)單的,圖像中包含的文字一般來(lái)說(shuō)就可以作為alt屬性值。
至于替換文字的長(zhǎng)度,看看WCAG 2.0(網(wǎng)站內(nèi)容可用性指南2.0)是怎么說(shuō)的: Alt屬性值得長(zhǎng)度必須少于100個(gè)英文字符或者用戶必須保證替換文字盡可能的短。
我把它理解為“盡可能短,盡需要長(zhǎng)”。
即使你想讓它顯示為提示(tool tip),也不要給文字元素使用alt屬性,這并不是它的用法。至今據(jù)我所知,那樣做僅能在Windows的IE瀏覽器和古老的Netscape 4.*(windows版本)有效。沒有一個(gè)Mac的瀏覽器會(huì)將它顯示為提示(tool tip)。
當(dāng)瀏覽器把替換文字顯示為提示(tool tip)后,那些錯(cuò)誤使用alt屬性的行為也受到了鼓勵(lì)。一些人開始寫無(wú)意思的替換文字,因?yàn)樗麄冓呄蛴谡J(rèn)為它是一個(gè)額外的說(shuō)明信息,而不是不能顯示圖像的替換。其他人可能不想讓提示(tool tip)出現(xiàn),然后就完全忽略了寫alt屬性值。這些錯(cuò)誤的做法,都給那些不能看到圖像的瀏覽者造成了困難。
額外的說(shuō)明信息和非本質(zhì)的信息請(qǐng)使用title屬性。
title屬性
title屬性為設(shè)置該屬性的元素提供建議性的信息。
來(lái)源: The title attribute.
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á)了鏈接的目的。這樣
下一頁(yè)
返回列表
返回首頁(yè)
主站蜘蛛池模板:
国产三级精品三级在专区
|
欧美亚洲另类在线|
免费精品99久久国产综合精品
|
法国性XXXXX极品|
加勒比一本大道香蕉在线视频
|
中文字幕亚洲日本岛国片|
日韩网站在线观看|
国产男靠女免费视频网站|
ak福利午夜在线观看|
成年美女黄网站色大片免费看|
九色综合九色综合色鬼|
欧美日韩中文字幕在线|
人人妻人人澡人人爽人人精品|
精品视频一区二区三区|
国产伦理电影网|
黑色丝袜美腿美女被躁翻了|
国产精品亚洲欧美大片在线观看|
99re6这里有精品热视频在线|
日本免费xxxx色视频|
亚洲av永久精品爱情岛论坛|
欧美激情一区二区三区中文字幕|
伊人久久久大香线蕉综合直播
|
国产成人无码免费视频97|
波霸在线精品视频免费观看|
国产香蕉一区二区三区在线视频|
av天堂午夜精品一区二区三区|
性欧美成人免费观看视|
丰满人妻被黑人中出849|
日本护士xxxx视频|
久久精品夜色噜噜亚洲A∨|
欧洲美熟女乱又伦免费视频|
亚洲国产精品无码久久青草|
欧美黑人巨大xxxxxxxx|
国产免费av片在线观看播放|
人人揉人人爽五月天视频|
国产精品成人无码久久久久久|
91精品国产闺蜜国产在线闺蜜|
夜夜高潮夜夜爽国产伦精品|
cctv新闻频道在线直播|
好硬好爽老师再深点|
一区二区三区免费视频观看|