在 HTML 中设置跳转到另一个页面可以使用超链接(hyperlink)标签 <a>
。
超链接标签的基本语法如下所示:
<a href="链接的目标地址">链接文本</a>
其中,href
属性指定了链接的目标地址,可以是一个网址、一个文件路径或一个锚点;链接文本则是在页面上显示的可点击文字或图像。
例如,要将文本“点击这里”链接到另一个页面,可以使用以下代码:
<a href="https://www.example.com">点击这里</a>
点击“点击这里”后,浏览器将跳转到 https://www.example.com 这个网址。
除了使用绝对网址或文件路径之外,还可以使用相对网址或文件路径。例如,要将文本“返回上一页”链接到当前页面的上一页,可以使用以下代码:
<a href="javascript:history.back()">返回上一页</a>
此外,还可以使用锚点(anchor)来实现在同一页面内的跳转。例如,要将文本“回到顶部”链接到页面顶部,可以使用以下代码:
<a href="#top">回到顶部</a>
其中,#top
是一个锚点,它指向页面顶部的位置。在页面中需要使用 <a>
标签和 name
属性来定义锚点,例如:
<a name="top"></a>
这样,点击“回到顶部”链接后,页面将自动滚动到锚点所在的位置。
需要注意的是,如果链接的目标地址是一个文件路径,那么浏览器将在当前网站的根目录下查找该文件。如果文件路径不正确,或者文件不存在,那么点击链接将无法跳转到目标页面。