-
觸屏版
-
全國(guó)服務(wù)熱線：0571-87205688
- 云客網(wǎng)首頁
-
登錄
- |
-
注冊(cè)
- |
-
客戶中心
- |
-
關(guān)注云客
網(wǎng)絡(luò)營(yíng)銷公司之img標(biāo)簽的alt與title屬性
分享
評(píng)論
贊0
上海網(wǎng)絡(luò)營(yíng)銷公司和大家分享圖片img標(biāo)簽alt與title屬性評(píng)測(cè)實(shí)驗(yàn).
圖片img標(biāo)簽alt與title屬性評(píng)測(cè)實(shí)驗(yàn)代碼說明:測(cè)試代碼時(shí)把< >分別替換為< >
<html>
<body>
<p><img src="" alt="圖片alt屬性"></p>
<p><img src="" title="圖片title屬性"></p>
<p><img src="" alt="圖片alt屬性" title="圖片title屬性"></p>
<p><img src="1.jpg" width="200" height="200" alt="圖片alt屬性"></p>
<p><img src="1.jpg" width="200" height="200" title="圖片title屬性"></p>
<p><img src="1.jpg" width="200" height="200" alt="圖片alt屬性" title="圖片title屬性"></p>
</body>
</html>
圖片img標(biāo)簽alt與title屬性評(píng)測(cè)實(shí)驗(yàn)結(jié)果圖片地址出錯(cuò),沒有限定圖片大小情況
一、圖片只有alt屬性
1、IE6 瀏覽器圖片顯示打叉與alt文字,鼠標(biāo)移到圖片上方有alt文字;
2、360 瀏覽器5.1測(cè)試版(IE8 內(nèi)核)圖片顯示打叉與alt文字,鼠標(biāo)移到圖片上方有alt文字;
3、火狐12.0 瀏覽器圖片顯示alt文字,鼠標(biāo)移到圖片上方?jīng)]有alt文字;
二、圖片只有title屬性
1、IE6 瀏覽器圖片顯示打叉,鼠標(biāo)移到圖片上方有title文字;
2、360 瀏覽器5.1測(cè)試版(IE8 內(nèi)核)圖片顯示打叉,鼠標(biāo)移到圖片上方有title文字;
3、火狐12.0 瀏覽器顯示破損圖片標(biāo)志,鼠標(biāo)移到圖片上方有title文字;
三、圖片有alt和title屬性
1、IE6 瀏覽器圖片顯示打叉與alt文字,鼠標(biāo)移到圖片上方有title文字;
2、360 瀏覽器5.1測(cè)試版(IE8 內(nèi)核)圖片顯示打叉與alt文字,鼠標(biāo)移到圖片上方有title文字;
3、火狐12.0 瀏覽器顯示alt文字,鼠標(biāo)移到圖片上方有title文字;
圖片地址正常,并且限制圖片大小情況
一、圖片只有alt屬性
1、IE6 瀏覽器圖片顯示正常,鼠標(biāo)移到圖片上方有alt文字;
2、360 瀏覽器5.1測(cè)試版(IE8 內(nèi)核)圖片顯示正常,鼠標(biāo)移到圖片上方有alt文字;
3、火狐12.0 瀏覽器圖片顯示正常,鼠標(biāo)移到圖片上方?jīng)]有alt文字;
二、圖片只有title屬性
1、IE6 瀏覽器圖片顯示正常,鼠標(biāo)移到圖片上方有title文字;
2、360 瀏覽器5.1測(cè)試版(IE8 內(nèi)核)圖片顯示正常,鼠標(biāo)移到圖片上方有title文字;
3、火狐12.0 瀏覽器圖片顯示正常,鼠標(biāo)移到圖片上方有title文字;
三、圖片有alt和title屬性
1、IE6 瀏覽器圖片顯示正常,鼠標(biāo)移到圖片上方有title文字;
2、360 瀏覽器5.1測(cè)試版(IE8 內(nèi)核)圖片顯示正常,鼠標(biāo)移到圖片上方有title文字;
3、火狐12.0 瀏覽器圖片顯示正常,鼠標(biāo)移到圖片上方有title文字;一般用法如下代碼:
<html>
<body>
<p title="給普通文字提示">文字</p>
<a href="http://www.sbo8.com/" title="關(guān)鍵詞">文字</a>
<a href="http://www.yinhang123.net/" title="標(biāo)題">文字</a>
</body>
</html>
SEO優(yōu)化總結(jié)圖片img標(biāo)簽alt與title屬性評(píng)測(cè)實(shí)驗(yàn)alt和title都是提示性語言標(biāo)簽,它們之間是有區(qū)別的.alt是當(dāng)圖片不存在時(shí)的替代文字;title是對(duì)圖片的描述與進(jìn)一步說明;在使用360 瀏覽器5.1測(cè)試版(IE8 內(nèi)核)看只有alt屬性的圖片沒有顯示,而測(cè)試過程卻能顯示,這是讓SEO優(yōu)化困惑的,如果有知道的朋友麻煩告知,謝謝.而火狐12.0 瀏覽器alt屬性是不顯示的,只顯示title屬性;在ie6,當(dāng)鼠標(biāo)經(jīng)過圖片時(shí)title和alt的值都會(huì)顯示.如果alt和title屬性同時(shí)存在,顯示的是title值.
、
猜你喜歡
評(píng)論(0人參與，0條評(píng)論)
發(fā)布評(píng)論
最新評(píng)論