HTML标记无效

问题描述 投票:3回答:9

我使用以下简单的HTML:

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
    <body>
            <img src="loading.gif" alt="MISSING GIF"> 
            <img src="j.JPG" alt="MISSING JPG">              
    </body>
    </html>

loading.gifj.jpg与html文件存在于同一目录中。 loading.gif显示正常,即8但j.jpg不加载。

当我使用firefix时,两个图像都正确显示。

请帮忙

html image xhtml
9个回答
7
投票

检查JPG文件扩展名在文件系统中是否为大写。我怀疑它是小写的。另外一定要关闭图片标签。

<img src="j.jpg" alt="MISSING JPG"/> 

1
投票
<img src="loading.gif" alt="MISSING GIF">

会是这样的

<img id="ImgEmployee" src="Photos/loading.gif" alt="MISSING GIF" />

1
投票

我有同样的问题,我发现当使用wordpress时你应该使用这个代码的图像:

<img src="<?php bloginfo('template_directory'); ?>/images/example.jpg" alt = "example">

0
投票

小写扩展名,并关闭img标签,你正在使用XHTML 1.0 Strict!

<img src="loading.gif" alt="MISSING GIF" />  
<img src="j.jpg" alt="MISSING JPG" /> 

编辑:也许你遇到一个IE8错误... +1问题:)

让我们尝试这样:使用页面真的XHTML 1.0严格兼容,

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   <head>
      <title>hi!</title>
   </head>
   <body>
      <div>
         j.JPG : <img src="j.JPG" alt="MISSING JPG" /> 
                 (upper case) <br/>
         j.jPG : <img src="j.jPG" alt="MISSING JPG" /> 
                 (first lower case, others upper case <br/>
         j.jpg : <img src="j.jpg" alt="MISSING JPG" /> 
                 (lower case) <br/> 
      </div>
   </body>
</html>

创建该文件的两个副本,因此您将拥有上面列出的三个文件。然后在IE8中运行该页面并告诉我们哪一个正在运行...


0
投票

它在IE9 / 10中也被打破了吗?

此外,如果您在上面发布的代码正是文件中的代码,那么在doctype声明之前就有一个不正确的字符(`)。

当您的HTML出错时,Internet Explorer会中断,像Firefox这样的浏览器会更宽松,并尝试为您修复问题。


0
投票

我认为这是因为具体的图像。检查您是否有权使用这些文件。我也有同样的问题。我有两个操作系统(Ubuntu和Windows)运行,我使用的图像来自Windows本地磁盘。在我解决了这个权限问题之后,它起了作用。


0
投票

最近我在使用WAMP服务器的Web项目中工作。我将我的网站放在c:/wamp/www/my_site文件夹下,并在页面上引用该文件夹中的图像。图像没有显示。我在desktop引用了另一张图片... bingo,它有效。我认为它的许可事情...... :)


0
投票

img文件最初是在另一个扩展名中吗?如果是这样,请恢复原始扩展名。

我在我的Windows PC上以.png格式截取屏幕截图。我将扩展名更改为.jpg(认为它与我的Mac一样)。 IE不喜欢它,但Firefox很好用。

<img src="1.jpg" />

我将扩展名改回了.png,它在两种浏览器中都运行良好。

<img src="1.png" />

0
投票

你检查过标题是否有差异?有时会发生这种情况,因为某些GET请求标题更改为以下内容:{https:www.xyz.com/?id = blah-blah}。现在由于目录中不存在这样的文件,img标记仍然无能为力,实际上它必须在哪里寻找资源。您需要再次将发送标头更改为同一页面,以便此次没有GET请求连接到该地址。花了我很长时间才弄明白。

© www.soinside.com 2019 - 2024. All rights reserved.