我可以在网页中使用的图像文件名中包含 % 吗？答案

【问题标题】：Can I include % in the image file name which is used in a web page?我可以在网页中使用的图像文件名中包含 % 吗？
【发布时间】：2021-11-27 06:52:13
【问题描述】：

我命名一个图片文件100%-satisfaction-guarantee-icon.png 然后放到我的网页中，如下：

<img src="<?php bloginfo('template_directory'); ?>/images/100%-satisfaction-guarantee-icon.png" alt="100% Satisfaction Guarantee" width="124" height="126" />

但图像不会显示。可以在图像文件名中使用“%”吗？哪些规则适用于网页的文件名？

我也尝试将 %25 用于% 符号，但似乎不起作用。

https://www.datanumen.com/wp-content/themes/datanumen/images/100%25-satisfaction-guarantee-icon.png 仍然返回 404 错误。

【问题讨论】：

作为一般经验法则，您应该避免在文件名和变量名中使用符号和模棱两可的字符。我想不出有必要在文件名中使用“-”和“_”以外的符号。

标签： html image

【解决方案1】：

是的，您可以简单地对% 符号进行百分比编码。你可以用%25代替%

所以不是

100%-satisfaction-guarantee-icon.png

你可以把它称为

100%25-satisfaction-guarantee-icon.png

【讨论】：

谢谢。但似乎不起作用。我更新了我的帖子，带有 %25 的新链接仍然返回 404 错误。
这是所问问题的正确答案，但是百分号很可能会从 PHP 中的路由中剥离，以防止 SQL 注入攻击。
@Strom，感谢您的评论。我觉得你说的是最可能的原因。

【解决方案2】：

路径中的 % 表示对 URL 进行编码以使用特殊字符（替换不安全的 ASCII 字符）。我相信这也适用于 HTML 中的 img 标签。

查看此 wiki 链接 Percent-encoding 或此 W3 资源 HTML Encoding 了解更多信息。

【讨论】：

【解决方案3】：

你必须知道，在谷歌浏览器的 URL 栏中，如果你使用空格，那么它表示为 %20。所以很遗憾在文件名中使用%，这是一种不好的做法。

建议的文件名：100_percentage_satisfaction_guarantee_icon.png

【讨论】：