HTML 标签 之 链接标签

在 HTML 标签中，<a> 标签用于定义超链接，点击超链接可以从一个页面跳转到另一个页面。

<a href="url" target="_blank">点击进入我的主页^_^</a>

效果如下：

点击进入我的主页^_^

a 是 anchor 的缩写，意为：锚。

• href 属性用于指定要跳转到的页面的 url，是必需属性。当为标签应用 href 属性时，它就有了超链接的功能。
• target 属性用于指定链接页面的打开方式，其中 _self 为默认值， _blank 会在新窗口中打开。

链接的分类

1、外部链接

外部链接意思是不属于我们这个网站的链接，例如：

<a href="https://www.wiz.cn">为知笔记</a>

2、内部链接

在我们网站中多个页面之前的跳转使用的是内部链接，比如我们要从别的页面链接回主页：

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

3、空链接

如果在开发中还没有确定要链接的目标时，可以使用空链接。

<a href="#">帮助页面</a>

4、下载链接

如果 href 的地址是一个文件或者压缩包，点击时会下载这个文件。

<a href="demo.zip">点击下载Demo</a>

5、网页元素链接

<a> 标签中除了可以包含文字，还可以包含图片、音频、视频等元素，点击这些元素也可以实现跳转。

<a href="https://segmentfault.com/u/bluelue/articles">
    <img src="我的头像" />
</a>

6、锚点链接

点击锚点链接，可以快速定位到文章中的某个位置。

<div>
    <div id="top">我是顶部<div>
    ...
    ...
    <a href="#top">回到顶部</a>
</div>

在点击“回到顶部”时，页面会自动滚动到 id 为 top 的标签位置。

注意： href 属性中的值格式为 #要定位的标签id