javascript - 我的导航栏正在下载文件,但只在 github 上

标签 javascript html css github navbar

只是让你们知道我确实四处寻找答案但找不到。

所以我正在为我的学校机器人团队制作一个网站。 Cyrusmusic101.github.io 是您可以查看该站点的地方。

当在我的浏览器中从我的计算机上加载时它可以工作,或者在我的手机上它可以工作,但是在笔记本电脑或计算机上当我单击浏览按钮时它会在 github 上下载 info.html。是因为我的代码还是 github 问题?

将其链接到下一个文档的 href 代码。

<body>
        <div class="container">
        <h1>Chs Robotics</h1>
        <a href="info.index" class="btn">Explore</a>
        </div>

        <div class="footer">
        <p class="ftm">© CHS Robotics: Developed by CyrusMusic101.</p>
        </div>

   </body>

最佳答案

您应该使用 .html 扩展名命名您的 html 文件,然后将您的链接更改为:

<a href="info.html" class="btn">Explore</a>

浏览器尝试下载页面而不是浏览页面的原因是它无法将文件类型识别为它可以打开的文件类型,例如 .htm .html, .jpg

如果您想知道为什么有些站点的 URL 末尾没有 .html,那是因为它们使用的 Web 服务器将响应的 header 设置为浏览器,告诉它把发回的任何东西都当作 HTML 处理。如果没有标题(就像在 github 页面上一样),浏览器必须使用文件扩展名猜测它是什么类型的文件。

关于javascript - 我的导航栏正在下载文件,但只在 github 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47142124/

相关文章:

javascript - 如何在没有不安全的内联 JavaScript/CSS 代码的情况下使用 React?

android - 在 web View 和 TextView 中使用 html 颜色标签分隔阿拉伯语字体

javascript - CSS 不在框中居中文本,而是移到右侧?

python - Django 无法加载静态文件

css - 在所有浏览器中覆盖占位符字体 css

javascript - wordpress ajax 调用单个帖子

javascript - 解析数据馈送导致 WinJS 中出现无效字符错误

javascript - 一个页面中有两个同名的js文件

html - @font-face 不在本地或浏览器中显示

html - 为主页和预取内联整个 CSS 文件