W3C 验证失败，路径段中有非法字符：不允许有空格

Question

<img src="webpage photos/alcazar.jpg" alt="Alcazar Palace">

验证器显示的错误：元素 img 上属性 src 的值错误的网页照片/alcazar.jpg：路径段中的非法字符：不允许空格。

删除空格后，我尝试按照某些在线建议的方式用连字符或 %20 替换它们，但网页功能会出现更多错误。

这里似乎有什么问题？

谢谢

Answer 1

url中不允许有空格，需要用%20替换

删除空格后，我尝试按照某些在线建议的方式用连字符或 %20 替换它们，我会遇到更多错误

W3C 验证服务会抱怨缺少doctype声明以及title元素和lang属性

因此，当您检查更多代码时

<!DOCTYPE html>
<html lang="en-us">
<head>
  <title>Some title</title>
</head>
<body>
  <img src="webpage%20photos/alcazar.jpg" alt="Alcazar Palace">
</body>
</html>

你完成Document checking completed. No errors or warnings to show. Document checking completed. No errors or warnings to show.

Answer 2

src的值包含一个不允许作为合法值的空格。 请将图像移到另一个位置，路径中没有任何空格，然后重新链接到它。

Answer 3

您可以使用 PHP function str_replace()将空格替换为 %20。
但是你可能最好使用 PHP function rawurlencode()因为它会编码任何其他也应该被编码的东西。

在文件名的基本名称上使用rawurlencode() ，或者在您的情况下，每个目录名称。 这会将空格转换为 %20 等。

您不想在对rawurlencode()的调用中包含目录分隔符“/”，因为它们也会被转换并且无法正常工作。