[問題]html img alt 屬性

[訪客]

hi, 問個html的笨問題.
html 裡面 的img tag 有個屬性是alt, 當滑鼠移到 圖片上時 會顯示 說明. 可是 當我用 IE 時, 正常顯示alt的說明.
用mozilla 卻顯示不出來. 試什麼原因呢 (alt應該不是 IE專屬的tag, 我記得是W3C定的, 對吧; )?
test page 是 http://www.discovery.taipei.gov.tw/nohinder/index.asp

mozilla 版本: Mozilla 1.6
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.6) Gecko/20040113

謝謝,

[訪客]

BTW, IE的畫面在http://home.pchome.com.tw/team/5ive/IE.PNG

hi, 問個html的笨問題.
html 裡面 的img tag 有個屬性是alt, 當滑鼠移到 圖片上時 會顯示 說明. 可是 當我用 IE 時, 正常顯示alt的說明.
用mozilla 卻顯示不出來. 試什麼原因呢 (alt應該不是 IE專屬的tag, 我記得是W3C定的, 對吧; )?
test page 是 http://www.discovery.taipei.gov.tw/nohinder/index.asp

mozilla 版本: Mozilla 1.6
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.6) Gecko/20040113

謝謝,

[ulbt]

hi, 問個html的笨問題.
html 裡面 的img tag 有個屬性是alt, 當滑鼠移到 圖片上時 會顯示 說明. 可是 當我用 IE 時, 正常顯示alt的說明.
用mozilla 卻顯示不出來. 試什麼原因呢 (alt應該不是 IE專屬的tag, 我記得是W3C定的, 對吧; )?
test page 是 http://www.discovery.taipei.gov.tw/nohinder/index.asp

mozilla 版本: Mozilla 1.6
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.6) Gecko/20040113

謝謝,

alt 屬性在 W3C HTML 規格書裡頭不是這樣用的,
是 IE 沒有把事情搞清楚, 把它拿來做類似工具提示 tooltip,
結果 IE 這樣子可以用, 很多 web designer 也就這樣子用了。
其實正確的做法應該是使用 title 屬性, 你可以試試看！ : )

代碼: 選擇全部

<img src="xyz.png" title="這是一張圖片">

推薦你有空可以上 Mozilla@Taiwan 的討論區
不過我剛剛發現那邊的討論區掛了, 記得類似問題曾經在那邊和網友討論過...

[訪客]

可是我後來查了一下 W3C的 spec v4.01 (http://www.w3.org/TR/REC-html40/struct/ ... tml#h-13.2) DTD 有 alt的 屬性. 那應該 代表 img 有支援 alt 的屬性. 且裡面有段話 ...

代碼: 選擇全部

 ... The alt attribute provides a short description of the image. ...

. 所以 這樣寫 <img ... alt="description"> 說明 應該 要秀的出來, 不是嗎?
BTW, 若說 這份spec文件是舊的. 那不也應該要 compatible?
謝謝你的回答, 感激不盡

p.s: 我本來也是要到mozilla那邊找看看, 不過 現在 好像在主機維修中.; )

alt 屬性在 W3C HTML 規格書裡頭不是這樣用的,
是 IE 沒有把事情搞清楚, 把它拿來做類似工具提示 tooltip,
結果 IE 這樣子可以用, 很多 web designer 也就這樣子用了。
其實正確的做法應該是使用 title 屬性, 你可以試試看！ : )

代碼: 選擇全部

<img src="xyz.png" title="這是一張圖片">

推薦你有空可以上 Mozilla@Taiwan 的討論區
不過我剛剛發現那邊的討論區掛了, 記得類似問題曾經在那邊和網友討論過...

[Tetralet]

可是我後來查了一下 W3C的 spec v4.01 (http://www.w3.org/TR/REC-html40/struct/ ... tml#h-13.2) DTD 有 alt的 屬性. 那應該 代表 img 有支援 alt 的屬性. 且裡面有段話 ...

代碼: 選擇全部

 ... The alt attribute provides a short description of the image. ...

. 所以 這樣寫 <img ... alt="description"> 說明 應該 要秀的出來, 不是嗎?

alt 這一個屬性（據個人所知），
是用在如果無法顯示圖片時，
（如：使用 w3b 來瀏覽網頁，或是圖片連結有誤時）
用來取代該圖片的一段文字。

Mozill 是將其視為該圖片之說明文字，
在圖片上用滑鼠右鍵選「內容」即可看到。

即然有另一個名為「title」的屬性可以提供 Hint 的功能，
那麼在實作上就沒必要隨 IE 起舞，
將 alt 視同為 title。

個人認為 Mozilla 的做法並無可議之處。

[訪客]

你說的沒錯, alt 是 無法顯示時才 顯示 該文件. 而 title 僅是 在 需要按右鍵/屬性 才會 顯示文字內容.
BTW, 我也不認為 mozilla的 做法有何爭議. 只是 因為 該網站 是 無障礙空間, 所以 我想確認一下罷了;- )
謝謝

可是我後來查了一下 W3C的 spec v4.01 (http://www.w3.org/TR/REC-html40/struct/ ... tml#h-13.2) DTD 有 alt的 屬性. 那應該 代表 img 有支援 alt 的屬性. 且裡面有段話 ...

代碼: 選擇全部

 ... The alt attribute provides a short description of the image. ...

. 所以 這樣寫 <img ... alt="description"> 說明 應該 要秀的出來, 不是嗎?

alt 這一個屬性（據個人所知），
是用在如果無法顯示圖片時，
（如：使用 w3b 來瀏覽網頁，或是圖片連結有誤時）
用來取代該圖片的一段文字。

Mozill 是將其視為該圖片之說明文字，
在圖片上用滑鼠右鍵選「內容」即可看到。

即然有另一個名為「title」的屬性可以提供 Hint 的功能，
那麼在實作上就沒必要隨 IE 起舞，
將 alt 視同為 title。

個人認為 Mozilla 的做法並無可議之處。