HTML 超链接

超链接使互联网成为了互联的网络：我们可以将网络内容转化成链接，通过点击链接转而浏览目标位置。

<a> 元素标签表示超链接，并由属性 href (Hypertext Reference) 指向目标网址

1
2
3

<p>
    <a href="https://kiritoshaw.github.io/">Home</a>
</p>

上述方式是通过统一资源定位符 (URL) 访问，我们也可以通过路径 (Path) 访问文件夹中的其他网页

1
2
3

<p>
    <a href="/archives.html">Home</a>
</p>

你可以为超链接添加 title 标题属性，当鼠标指针悬停在链接上时，标题将作为提示信息出现

1
2
3

<p>
    <a href="https://kiritoshaw.github.io/" title="博客主页">Home</a>
</p>

我们可以通过 id 属性定位到 HTML 某个特定的位置，也称为文段片段

1	<ul id="menu" class="main-menu menu"></ul>

然后链接到那个特定的 id，通过在 URL 的结尾用 # 指向该 id

1
2
3

<p>
    <a href="https://kiritoshaw.github.io/#menu">Home</a>
</p>

可以看到在鼠标悬停链接时，指针对变成一只手，同时出现下划线；点击时也会发生样式变化；访问之后链接改变颜色……这些都是链接的默认样式，符合一般人的习惯。

title 属性只有当鼠标悬停时才会显示，所以你只应该将补充说明的非必要信息放在里面，关键信息理应直接显示给读者
不要通过类似下述方式建立超链接：
- 点击 / 单击此处访问 Shaw 的博客主页
- 链接到 Shaw 的博客主页
- 链接到 Shaw 的博客主页 https://kiritoshaw.github.io/
尽量减少相同文本的多个副本链接到不同地方的情况

Shaw