关于img标签的alt属性的显示问题

正能量小Loli 2014-01-19 03:31:36

代码是这样的：



<html>

<body>

	<img src="img/m1111.jpg" alt="test" />

</body>

</html>

图片无法显示，然后在chrome中显示的是一张破损图片的样子，alt里的文字无法显示；在firefox只是显示alt里的文字；在IE显示的是破损图片+alt文字。

但是，如果给图片加上宽度和高度属性
<img src="img/m1111.jpg" alt="test" width=100px height=100px />
chrome和firefox就能显示破损图片+alt文字；IE不变。

还有一个问题就是如果再在代码前面加上
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">或者<!DOCTYPE HTML>
firefox中就只显示alt文字（宽度和高度属性还在）

求解答~

...全文

3289 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

星光盈盈 2014-03-23

打赏
举报

<img src=" " onerr="xxx.jpg"/ > 图片错误就消失默认图片这样比较美观

csdrol 2014-03-22

打赏
举报

大CSDN还真是什么犄角旮旯的问题能能找到合理的解答,谢ls各位了!

S_null 2014-01-27

打赏
举报

试了一下，发现chrome要想显示alt替换文本，img元素的宽度属性值必须不小于替换文本所占的宽度，一旦小一点，就会完全不显示。

蝶恋花雨 2014-01-20

打赏
举报

加DOCTYPE HTML，浏览器就会认为你的网页符合html，W3C标准，这样做可以增强页面的兼容性，降低对浏览器的依赖性。不加这一行，就表示页面采用浏览器本身的解析标准，这样会造成页面在不同的浏览器（IE、火狐等）可能出现不同的显示效果。你的图片显示破损，是不是图片路径不对？

简易人 2014-01-20

打赏
举报

提示和注释：注释：alt 属性的值是一个最多可以包含 1024 个字符的字符串，其中包括空格和标点。这个字符串必须包含在引号中。这段 alt 文本中可以包含对特殊字符的实体引用，但它不允许包含其他类别的标记，尤其是不允许有任何样式标签。注释：当用户把鼠标移动到 img 元素上时，Internet Explorer 会显示出 alt 属性的值。这种行为并不正确。所有其他的浏览器正在向规范靠拢，只要当图像无法显示时，才会显示出替代文本。提示：如果需要为图像创建工具提示，请使用 title 属性。