今天在做畢業設計遇到的問題:如標題
代碼如下:
<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %><%@taglib prefix="s" uri="/struts-tags"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><body><div id="leftmenu_info"><div id="touxiang"><img src="3.jpg" width="130" height="120"/></div></body></html>
上面的代碼在其他瀏覽器下均能正常運行,但在Firefox片顯示不出來,最初考慮到可能是瀏覽器安全色和圖片寬度太大溢出的問題,經調試,排除溢出嫌疑。然後再問答上提問,高人解答說是標準的原因。
經過一番摸索,終於找到問題的癥結所在:
不同的瀏覽器對標準的處理不同,Firefox對XHTML 1.0的處理時img標籤必須包含src和alt屬性,所以如果把
<img src="3.jpg" width="130" height="120"/>
改成
<img src="3.jpg" width="130" height="120" alt="頭像"/>
則顯示正常。另外還有其他解決方案,比如把
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
換成
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">