温馨提示:本文翻译自stackoverflow.com，查看原文请点击：javascript - How to add a 'link back to homepage button' in HTML?
javascript - 如何在HTML中添加“链接回首页按钮”？
发布于 2021-03-26 15:19:04
我正在尝试建立我的第一个博客网页。
到目前为止，我在问题的底部编写了代码。
我希望它具有一个功能，当我单击“我的名字”或“主页”时，它可以转到最开始的主页。当我单击“博客”时，它可以链接到包含图片或文字的区域。
但是，到目前为止，我的代码没有这种功能，相反，它们仅显示为单词（无法单击）。
这是我尝试遵循的模板
比较之后，我发现我需要具有href：/才能将它们设置为button。而且我也意识到他们的链接例如是“ https://www.personname.com/”。
但是，这让我觉得我应该首先拥有一个个人网页，以便将该链接作为返回首页的按钮。但是...那是我在做的，我正在尝试建立一个网页...
我累了下面的代码，它链接到错误的位置。:(
<a href="/">
"Home"
<span class="sr-only">(current)</span>
</a>
我还尝试了按钮功能，但它在图片中显示为该灰色三角框，因此无法单击。
我该如何解决这个问题？
下面是我到目前为止编写的代码
提问者
Zhao
被浏览
0
非常感谢您提供详细示例和链接的帮助。还有一个问题，如果我有本地照片。我应该先将它们上传到在线某个位置，然后再添加到HTML中吗？即我该写什么href？（我看到其他人使用style =“ background-image：url（'/ img / header-slides / bg.jpg'）”，但事实证明，这也是我无法使用的链接，例如www.personname.come / pictures）
很难说，因为这取决于您如何提供文件。出于充分的原因，不允许浏览器简单地查看用户文件系统。因此，通常文件是由服务器提供的。当且仅当文件是从与HTML页面相同的服务器提供的，您可以像尝试一样编写它
/img/header-slides/bg.jpg。如果它是从其他地方提供的，则需要提供完整的url，包括提供文件的服务器名称，即https://my-file-server/my-picutre.png。尝试使用它，直到您更好地理解它-> marketplace.visualstudio.com/…。因此，您可以专注于构建东西。当需要托管时，您可以对其进行更多研究。pages.github.com 是一个不错的开始。