超链接标签

超链接 <a> 标签是HTML中用于创建链接的基础元素，它可以指向同一页面的不同部分、其他页面或外部网站。<a> 标签通常包含文本或其他内联元素，是网页中实现导航和连接的关键。

<a href="跳转目标" target="目标窗口的打开方式">我是一个超链接</a>

标签属性详解

属性	说明
href	定义链接的目标URL，是<a>标签的必需属性。值可以是绝对路径、相对路径或锚点。
target	定义链接的打开方式，常用的属性值包括： _blank：在新窗口或新标签页打开链接。 _self：在当前窗口打开链接（默认行为）。 _parent：在父框架集中打开被链接文档。 _top：在整个窗口中打开被链接文档，忽略任何框架。
title	提供关于链接的额外信息，当用户将鼠标悬浮在链接上时显示。
rel	定义链接与当前文档的关系，常用值如nofollow、noopener、noreferrer等，用于控制链接行为和SEO优化。

链接分类

外部链接

指向外部网站的链接。

<a href="http://www.codebetter.cn"> codebetter </a>

内部链接

网站内部页面之间的相互链接

<a href="index.html"> 首页 </a>

空链接

不指向任何实际页面的链接，常用于占位或JavaScript操作。

<a href="#"> 首页 </a>

下载链接

如果 href 里面地址是一个文件或者压缩包，会下载这个文件。

<a href="ziyuan.zip"> 下载 </a>

网页元素链接

在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接。

<a href="index.html">
	<img src="logo.png" alt="Logo" />
</a>

锚点链接

在当前页面中跳转，如实现网页中的「返回顶部」效果。

<a href="#top"> 返回顶部 </a> 
<div id="top">我是顶部内容</div>

小技巧

如果希望当前页面中所有超链接跳转页面的时候,都在新窗口中打开，那么只需要在head标签中设置base 标签。

<base href="" target="_blank">