最近,用smarty发现插入图片的时候,图片老是不显示,我想是不是smarty本身的问题,后来仔细看了看<img>这个标签,真发现以前一点没用心学习.
下面是我们使用<img>标签可能使用的方法.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>关于img标签的一点小理解</title>
</head>
<body>
这是第一张图片:
<img src="file:///F|/apache/htdocs/php/shoppingCart/images/23.jpg" height="300" width="200"/>
这是第二张图片:
<img src="F:/apache/htdocs/php/shoppingCart/images/23.jpg"/>
这是第三张图片:
<img src="http://localhost/php/shoppingCart/images/23.jpg" height="300" width="200"/>
这是第四张相片:
<img src="../23.jpg" width="200" height="300" />
</body>
</html>
我们来看下效果:
这是本地预览:
这是在服务器上的预览:
无论在那种情况下,第二种写法都是不对的,都无法加载图片.下面说下第一种和后面两种情况,第一种虽然可以在本地显示图片,但放在服务器端就显示不了了,原因很简单你的图片是放在本机上的,所以能显示,但如果html文件是放在服务器端,服务器端怎么能访问你电脑上的图片呢?所以第一种写法是完全没有意义的.现在看来,html文件本地预览和通过服务器预览是完全不一样的.
这里我强烈的推荐是后两种方法,如果你相对路径使用不好,就可以使用绝对路径.
以后看书得认真哦....