Question

我正在尝试在我的网页上显示图片。我一直在线下工作，但我把.html和.jpg文件放在同一个目录中。当我去运行它时，它不会显示图像。相反，我得到alt值，以及一些奇怪的ASCII符号。

这是html代码，你可以看到它是非常基本的：

<head>
    <title> Mpms Janitorial </title>
</head>

<body>
<img src=”site.jpg” alt=”text” />
</body>

Answer 1

正如其他人所写，您在属性值周围使用了错误的引号。当您将HTML代码复制到服务器上的文件中时，可能会导致Ascii引号（“）变为弯引号（”）。

HTML中的 data 中的卷曲引号完全正常，但它们不能用作属性值的分隔符。属性值必须由Ascii引号（“）或Ascii撇号（'）分隔，或者在某些条件下使用时不使用分隔符。因此src="site.jpg"和src='site.jpg'都是正确的，并且除了XHTML之外，src=site.jpg也是正确的。类似于alt属性。

但是当您使用弯引号时，它们将被视为数据的一部分，因此浏览器将请求一个名为字面（带引号）的资源为”site.jpg”。这将失败，因此根据浏览器，您将看到的是损坏图像的通用符号，或alt属性值，或两者的组合。

您看到的“奇怪的ASCII符号”可能是根据错误的字符编码误解释的引号。如果您替换卷曲引号或删除它们，此症状将消失，但如果您的文档将包含（例如，文本中的卷曲引号），则可能会在以后出现问题，这可能会导致问题。通过英语拼写。因此，我建议您查看character encodings上的W3C页面。

（我猜你所看到的就是“文字”。如果你在UTF-8编码的文件中有一个卷曲的引号，你会得到的字符（不是Ascii字符）被误解为好像是windows-1252编码 - 当声明的和实际的字符编码不匹配时，这是一种相当普遍的情况。）

Answer 2

您缺少代码周围的<html>标记。您还在使用img标记的一些不寻常的引号。

试试这个：

<html>
<head>
    <title> Mpms Janitorial </title>
</head>

<body>
<img src="site.jpg" alt="text" />
</body>
</html>

html显示内嵌图像

2 个答案: