HTML中引用文件夹内文件的方法及链接失效问题排查

你的链接无法打开的核心问题是文件名/文件夹名中的#号被浏览器当成了锚点标识符，而非路径的一部分，导致浏览器解析路径时出错。

修正后的代码： #

<html>
        <title>HTML Experiments</title>
        <h1>This is a website that I made</h1>
        <ul>
            
            <li>Here is another file: <a href="InsideTheRootFile%231.html">another file</a></li>
            <li>Here is an extra file: <a href="extras%231/insideextras.html">extras</a></li>
            
        </ul>
</html>

具体修正点： #

• 对于包含#号的文件名/文件夹名，需要将#替换为URL编码后的%23，这样浏览器才会将其识别为路径的一部分：
  • 第一个链接：InsideTheRootFile#1.html → InsideTheRootFile%231.html
  • 第二个链接：extras#1/insideextras.html → extras%231/insideextras.html

内容的提问来源于stack exchange，提问作者chester