網頁設計中,超鏈接如何加title標簽?圖片如何加alt標簽?
很多個人(ren)站(zhan)(zhan)長在(zai)剛接(jie)觸(chu)建(jian)網站(zhan)(zhan)時(shi),經(jing)常會忽略網站(zhan)(zhan)優化小細節(jie),比(bi)如在(zai)超鏈接(jie)代碼中(zhong)忘(wang)記添加(jia)“title”標(biao)簽,在圖(tu)片鏈接中忘(wang)記添加“alt”標(biao)簽,下面筆者(zhe)就為大(da)家演示下,如(ru)何(he)在超鏈接中加如title標簽(qian)和在(zai)圖(tu)片鏈接中添(tian)加alt標簽(qian)。
在開(kai)始之初,我(wo)們(men)先(xian)了解下什么是AIL標簽(qian)和(he)Title標簽(qian)。
alt屬性
為不能顯(xian)示圖像(xiang)、窗(chuang)體或applets的(de)用(yong)戶代理(UA),alt屬性(xing)用(yong)來指(zhi)定替(ti)換文(wen)字。替(ti)換文(wen)字的(de)語言由lang屬性(xing)指(zhi)定。
使(shi)用(yong)(yong)(yong)alt屬性是(shi)為(wei)了給那(nei)些不能看到你(ni)文檔中圖(tu)像(xiang)的(de)瀏覽者提(ti)供(gong)文字說明。這包括那(nei)些使(shi)用(yong)(yong)(yong)本來就(jiu)不支持圖(tu)像(xiang)顯示或者圖(tu)像(xiang)顯示被(bei)關(guan)閉(bi)的(de)瀏覽器(qi)的(de)用(yong)(yong)(yong)戶,視覺障(zhang)礙的(de)用(yong)(yong)(yong)戶和(he)使(shi)用(yong)(yong)(yong)屏幕閱(yue)讀器(qi)的(de)用(yong)(yong)(yong)戶。替(ti)換(huan)文字是(shi)用(yong)(yong)(yong)來替(ti)代圖(tu)像(xiang)而(er)不是(shi)提(ti)供(gong)額外說明文字的(de)。
title屬性
title屬(shu)性為設(she)置該(gai)屬(shu)性的元素提供建議性的信息。 title屬性可以(yi)用在除了base,basefont,head,html,meta,param,script和title之外的所有標簽(qian)。
title屬性(xing)有(you)一(yi)個很(hen)好的(de)用途,即為鏈(lian)接(jie)(jie)添(tian)加(jia)描述性(xing)文字,特(te)別是當(dang)連接(jie)(jie)本身并不(bu)是十(shi)分清楚的(de)表(biao)達了鏈(lian)接(jie)(jie)的(de)目的(de)。這(zhe)樣就使得訪問者知(zhi)道那些鏈(lian)接(jie)(jie)將會(hui)(hui)帶(dai)他們到什么地方,他們就不(bu)會(hui)(hui)加(jia)載一(yi)個可能(neng)完全不(bu)感興趣的(de)頁面。
TITLE標簽怎么添加?
超鏈接中的title標簽一般是<a href=“網址(zhi)路徑” alt=“網址(zhi)描(miao)述標簽” />,例如:<a href=”//szjicheng.cn/” alt=”耐思尼克官網”/>
ALT標簽屬(shu)于網(wang)站(zhan)優化的一個細節,網(wang)站(zhan)能夠(gou)在(zai)搜索(suo)引擎(qing)中有好的排名正是因(yin)為將所有的優化細節都考慮周(zhou)詳。
除ALT標(biao)簽(qian)外,TITLE標(biao)簽(qian)一(yi)般不用出現在(zai)超(chao)文本鏈接中(zhong),現在(zai)搜(sou)索引擎已經十分智能,已經能區分出網址的具(ju)體內容了(le)。對于(yu)一(yi)些圖(tu)(tu)片(pian)應用比較(jiao)多(duo)的網站(zhan),在(zai)圖(tu)(tu)片(pian)中(zhong)增加ALT標(biao)簽(qian)有助于(yu)搜(sou)索引擎判斷圖(tu)(tu)片(pian)內容,這(zhe)也是搜(sou)索引擎優(you)化(hua)指南中(zhong)明(ming)確要求的。
