尤物视频在线观看|国产尤物视频在线观看|99热在线获取最新地址,久久频这里精品99香蕉久,国产色婷婷精品综合在线,亚洲欧美日韩高清在线看

網(wǎng)絡營銷公司之img標簽的alt與title屬性

作者:青檸i 瀏覽:213 發(fā)布時間:2017-10-25
分享 評論 0

    上海網(wǎng)絡營銷公司和大家分享圖片img標簽alt與title屬性評測實驗.


    圖片img標簽alt與title屬性評測實驗代碼說明:測試代碼時把< >分別替換為< >


    <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標簽alt與title屬性評測實驗結(jié)果圖片地址出錯,沒有限定圖片大小情況


    一、圖片只有alt屬性


    1、IE6 瀏覽器圖片顯示打叉與alt文字,鼠標移到圖片上方有alt文字;


    2、360 瀏覽器5.1測試版(IE8 內(nèi)核)圖片顯示打叉與alt文字,鼠標移到圖片上方有alt文字;


    3、火狐12.0 瀏覽器圖片顯示alt文字,鼠標移到圖片上方?jīng)]有alt文字;


    二、圖片只有title屬性


    1、IE6 瀏覽器圖片顯示打叉,鼠標移到圖片上方有title文字;


    2、360 瀏覽器5.1測試版(IE8 內(nèi)核)圖片顯示打叉,鼠標移到圖片上方有title文字;


    3、火狐12.0 瀏覽器顯示破損圖片標志,鼠標移到圖片上方有title文字;


    三、圖片有alt和title屬性


    1、IE6 瀏覽器圖片顯示打叉與alt文字,鼠標移到圖片上方有title文字;


    2、360 瀏覽器5.1測試版(IE8 內(nèi)核)圖片顯示打叉與alt文字,鼠標移到圖片上方有title文字;


    3、火狐12.0 瀏覽器顯示alt文字,鼠標移到圖片上方有title文字;


    圖片地址正常,并且限制圖片大小情況


    一、圖片只有alt屬性


    1、IE6 瀏覽器圖片顯示正常,鼠標移到圖片上方有alt文字;


    2、360 瀏覽器5.1測試版(IE8 內(nèi)核)圖片顯示正常,鼠標移到圖片上方有alt文字;


    3、火狐12.0 瀏覽器圖片顯示正常,鼠標移到圖片上方?jīng)]有alt文字;


    二、圖片只有title屬性


    1、IE6 瀏覽器圖片顯示正常,鼠標移到圖片上方有title文字;


    2、360 瀏覽器5.1測試版(IE8 內(nèi)核)圖片顯示正常,鼠標移到圖片上方有title文字;


    3、火狐12.0 瀏覽器圖片顯示正常,鼠標移到圖片上方有title文字;


    三、圖片有alt和title屬性


    1、IE6 瀏覽器圖片顯示正常,鼠標移到圖片上方有title文字;


    2、360 瀏覽器5.1測試版(IE8 內(nèi)核)圖片顯示正常,鼠標移到圖片上方有title文字;


    3、火狐12.0 瀏覽器圖片顯示正常,鼠標移到圖片上方有title文字;一般用法如下代碼:


    <html>


    <body>


    <p title="給普通文字提示">文字</p>


    <a href="http://www.sbo8.com/" title="關鍵詞">文字</a>


    <a href="http://www.yinhang123.net/" title="標題">文字</a>


    </body>


    </html>


    SEO優(yōu)化總結(jié)圖片img標簽alt與title屬性評測實驗alt和title都是提示性語言標簽,它們之間是有區(qū)別的.alt是當圖片不存在時的替代文字;title是對圖片的描述與進一步說明;在使用360 瀏覽器5.1測試版(IE8 內(nèi)核)看只有alt屬性的圖片沒有顯示,而測試過程卻能顯示,這是讓SEO優(yōu)化困惑的,如果有知道的朋友麻煩告知,謝謝.而火狐12.0 瀏覽器alt屬性是不顯示的,只顯示title屬性;在ie6,當鼠標經(jīng)過圖片時title和alt的值都會顯示.如果alt和title屬性同時存在,顯示的是title值.


    、