關于alt和title的用法區(qū)別詳解

經(jīng)常用到這兩個屬性,但是一直沒有總結他們的區(qū)別?,F(xiàn)在我對他們兩個的用法做一下總結:
相同點:他們都會飄出一個小浮層,顯示文本內(nèi)容。
不同點:
1.alt只能是元素的屬性,而title即可以是元素的屬性也可以是標簽,例如:<title>標題</title>。
2.alt屬性則是用來指定替換文字,只能用在img、area和input元素中(包括applet元素),用于網(wǎng)頁中圖片無法正常顯示時給用戶提供文字說明使其了解圖像信息。注意,alt是替代圖像作用而不是提供額外說明文字的。根據(jù)一些SEO人士的說法,使用alt屬性還具有搜索引擎優(yōu)化效果,因為搜素引擎是無法直接讀取圖像的信息的,alt可以為其提供文字信息所以對搜索引擎比較友好。
而title可以用在任何元素上,把鼠標移動到元素上面,就會顯示title的內(nèi)容,以達到補充說明或者提示的效果。
but,通常人們?nèi)菀赘沐e的是title和alt這兩個屬性同時用于img標簽的時候。在舊版本的IE瀏覽器中,鼠標經(jīng)過圖像時顯示的提示文字是alt的內(nèi)容,而忽略了title屬性,這個曾經(jīng)誤導了很多人。因此,如果想在IE中顯示title的內(nèi)容,要么title屬性和alt一致,要么alt內(nèi)容為空(“”,空格也不能有)。不過,在新版的IE(IE8及以上)中,已不會出現(xiàn)這種情況了。
另外,當a標簽內(nèi)嵌套img標簽時,起作用的是img的title屬性。
以上這篇關于alt和title的用法區(qū)別詳解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
原文地址:http://www.cnblogs.com/freefish12/archive/2016/06/07/5567339.html
相關文章
- HTML的img標簽:alt屬性和title屬性,很多人看來對這兩個屬性感到迷惑,所以我寫下我的想法,如何去用它們2014-02-20
- Dedecms發(fā)表資訊等等上傳的圖片全部沒有title,雖然有這個選項卻不生效,于是就研究了一下,發(fā)現(xiàn)只需要在相關文件添加一段代碼即可。先告知大家方法,希望更多的人能夠受益2013-01-22
- DEDE_V5.3 實現(xiàn)給內(nèi)容中的圖片添加標題ALt標記織夢優(yōu)秀網(wǎng),發(fā)單接單,優(yōu)秀的任務平臺!程序版本:V5.3X 修改文件:Include/ arc.archives.class.php 修改方法:2009-06-07
- XHTML是CSS布局的基礎,webjx.com一直強調XHTML知識的學習,重視語義和文檔的結構。title 和alt 屬性,給我最直觀的感受就是,可以提高文檔的適應性,并合理提高關鍵詞密度2009-04-02