为什么我的本地链接显示 about:blank#blocked答案

【问题标题】：why are my local links displaying about:blank#blocked为什么我的本地链接显示 about:blank#blocked
【发布时间】：2020-05-14 21:49:37
【问题描述】：

您好，我一直在制作一个简单的网站。我已经添加了一个指向另一个页面的链接，但是每次我使用该链接时，页面都是空白的，并且在 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

【解决方案1】：

我打开了我的 testing-new-things FTP，所以我直接粘贴了您的脚本来创建两个页面：index.html 和 Skill.html，它们的工作方式与 Chrome 网络浏览器上的写法一样。

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

并尝试基本的“hello world”测试文档，以确保一切正常，然后再尝试您的脚本。

【讨论】：