首页 > 解决方案 > 为什么我的本地链接显示 about:blank#blocked

问题描述

您好,我一直在制作一个简单的网站。我已经添加了一个指向另一个页面的链接,但是每次我使用该链接时页面都是空白的,并且这个错误会在 url about:blank#blocked 中发出。我已经使用 chrome 和 opera 来测试这个。

指数

<body>
<div class="grid-container">
    <div class="header">
        <div id="headerText">
            <h1>MyPortfolio</h1>
            <h2>D</h2>
        </div>
    </div>
    <div class="nav">
        <div>
            <a href="skills.html">Skills</a>
        <a>Qualifiactions</a>
        </div>
    </div>
    <div class="image">

    </div>
    <div class="aboutMe">

    </div>
    <div class="footer">

    </div>
  </div>
</div>

其他页面(skills.html)

<body >
<div class="grid-container">
    <div class="header">
        <div id="headerText">
            <h1>Skills</h1>
            <h2>D</h2>
        </div>
    </div>
    <div class="nav">
        <div>
            <a href="ordercoffee.html">OrderCoffe</a>
        <a>Qualifiactions</a>
        </div>
    </div>
    <div class="image">

    </div>
    <div class="aboutMe">

    </div>
    <div class="footer">

    </div>
  </div>
</div>

标签: html

解决方案


我打开了我的 testing-new-things FTP,所以我直接粘贴了你的脚本来创建两个页面:index.html 和 Skill.html,它们就像在 Chrome 网络浏览器上写的一样工作。 点击skills.html链接后查看

About Blank 是当页面没有可显示的内容时内置在浏览器中的网页。也许检查您实际上是否将文件上传到正确的目录 - 尝试从桌面将它们作为位于同一文件夹中的两个 .html 文件进行测试,然后将它们拖到新选项卡以显示。如果这不起作用,请尝试使用正确的语法更新您的 html 脚本以创建新文档。这是一个示例 - 删除用于 javascript 的脚本标签。 https://www.sitepoint.com/a-basic-html5-template/

并尝试基本的“hello world”测试文档,以确保在再次尝试您的脚本之前一切正常。


推荐阅读