为什么我的某些 HTML 内部链接有效而其他无效？

Question

帮帮我，我是这个世界的新手。

我正在首页上制作一个菜单栏，以 links 到网站上的其他页面，这里是代码示例：

<ul id="menu">
<li><a href="file:///Users/tamborine/Downloads/about_page.htm">About</a></li>
<li><a href=“file:///Users/tamborine/Downloads/the_therapist_page.html”>The Therapist</a></li>
<li><a href=“file:///Users/tamborine/Downloads/pay_what_you_can_page.htm”>Pay what you can</a></li>
<li><a href=“file:///Users/tamborine/Downloads/projects_we_support_page.htm”>Projects we support</a></li>
<li><a href=“file:///Users/tamborine/Downloads/resources_page”>Resources</a></li>
<li><a href=“file:///Users/tamborine/Downloads/prices_page”>Prices</a></li>
<li><a href=“file:///Users/tamborine/Downloads/faq_page.htm”>FAQ</a></li>
</ul>

当我在浏览器中打开时，只有第一个 link（关于）有效，其他的在浏览器中显示 'File not Found'

我一直在搜索论坛，检查元素显示 html 中不存在的奇怪字符。我在想编码错误？我在 mac 上使用 TextEdit。我尝试使用 TextEdit 设置，文件格式为纯文本，尝试使用 UTF-8 和 ASCII 编码但没有变化。

我之前在另一台计算机上使用记事本和 Internet Explorer 创建第一页（关于），这是现在唯一 link 实际可用的页面。现在我在 mac，使用 TextEdit 和 Firefox。

想法？谢谢你

Answer 1

尝试以小写方式输入所有文件夹名称。而且 html 也变了，我运行那几次

Answer 2

您缺少 .htm / .html 链接

<ul id="menu">
<li><a href="file:///Users/tamborine/Downloads/about_page.html">About</a></li>
<li><a href="file:///Users/tamborine/Downloads/the_therapist_page.html">The Therapist</a></li>
<li><a href="file:///Users/tamborine/Downloads/pay_what_you_can_page.html">Pay what you can</a></li>
<li><a href="file:///Users/tamborine/Downloads/projects_we_support_page.html">Projects we support</a></li>
<li><a href="file:///Users/tamborine/Downloads/resources_page.html">Resources</a></li>
<li><a href="file:///Users/tamborine/Downloads/prices_pag.html">Prices</a></li>
<li><a href="file:///Users/tamborine/Downloads/faq_page.html">FAQ</a></li>
</ul>

Answer 3

我假设您了解您正在 link访问您计算机上的文件 -- 如果您尝试将您的网页放到网上，这将不起作用，但如果您打开本地文件。

我还假设您尝试 link 的所有文件实际上都存在于您的下载文件夹中。

我的假设是文件路径中某处存在拼写错误。这可能是区分大小写的问题、文件扩展名问题或其他问题。消除这种可能性的最简单方法是在浏览器中打开您想要 link 的文件。您可能只需双击它，但如果不起作用，您可以打开浏览器并使用 file > open（或 ctrl+O / cmd+o).文件打开后，select URL 栏中的所有内容和 copy/paste 直接进入您的 HTML。对您要 link 访问的所有页面执行此操作，如果 link 仍然无法正常工作，则有其他问题，我们需要更多详细信息。

Answer 4

除第一个 link 外，您在所有 “ ” 中都有智能引号。这些智能引号被认为是 URL 的一部分，这会导致浏览器错误地解析您的 URL。

确保 OS X 不会在您键入时自动将双引号转换为智能双引号。即使 TextEdit 处于纯文本模式，也会发生这种情况。在 TextEdit 中转到 Edit > Substitutions 并确保未选中 Smart Quotes。您还可以在 系统偏好设置 > 键盘 > 文本 > 使用智能引号和破折号 中禁用此系统范围。您还可以选择功能齐全的源代码编辑器，如 Sublime Text，而不是使用 TextEdit。

为什么我的某些 HTML 内部链接有效而其他无效？

Why are some of my HTML internal links working and others not?

html

anchor

encoding

href

hyperlink