2013-10-22 74 views
0

我在HTML中測試我的代碼,以確保我已經正確地做了所有事情,並且我似乎無法獲得在瀏覽器上顯示的替代文本。我試着用Chrome和Firefox的最新版本..Alt標記不顯示在瀏覽器上

<center> 
 
<img src="http://www.opstinavinica.gov.mk/vinica/images/logogd.png" align=top alt="E ova e logoto!!!!">Ova e logoto na <b>UGD</b> 
 
</center>

對不起外語。我可以,如果necessarry翻譯。

編輯: 如果alt僅用於顯示破損圖像的文本,在鼠標懸停在圖像上時顯示文本的標籤是什麼?

Example

+0

我認爲這隻能說明在IE – SaturnsEye

+4

'alt'應該在瀏覽器只有在顯示用戶將該頁面視爲文本。如果你想要一個工具提示,你應該使用'title'。 – rid

+0

嗯,我沒有在IE上測試過它,但我在互聯網上搜索過,w3school說它支持所有主流瀏覽器,比如Firefox,Chrome,Opera等。http://www.w3schools.com/tags/att_img_alt .asp – user2699298

回答

2

而alt屬性設置或返回的圖像的alt屬性的值。

如果圖像出於某種原因無法顯示(由於連接速度慢,src屬性錯誤或用戶使用屏幕閱讀器),所需的alt屬性指定圖像的替代文本。

注意:將鼠標懸停在img元素上時,Internet Explorer會將alt屬性的值顯示爲工具提示。根據HTML規範,這不是正確的行爲。所有其他瀏覽器都遵循規範,並且只有在圖像無法顯示時纔會顯示替代文本。

+1

即使IE在IE 8中停止顯示「alt」屬性值作爲工具提示。 –

2

與Microsoft Internet Explorer不同,Mozilla Firefox和Chrome將不會顯示替代標記中使用的文本,因爲此文本旨在用於輔助功能,並不意味着當鼠標是在文本框中顯示的文本時在圖像上方盤旋。

如果您希望在鼠標懸停在圖像上時顯示氣球文本,請將「標題」標記添加到img html標記。

0

只需設置一個title標籤這個在現代瀏覽器中工作:

<center> 
 
<img src="http://www.opstinavinica.gov.mk/vinica/images/logogd.png" align=top title="E ova e logoto!!!!" alt="E ova e logoto!!!!">Ova e logoto na <b>UGD</b> 
 
</center>