【HTML】超链接（a标签）

超链接

超链接可以让我们从一个页面跳转到其他页面，也可以跳转到当前页面的其他位置。
使用a标签来定义超链接。
超链接是一个行内元素，在a标签中可以嵌套除它自身外的任何元素。

href属性

href属性指定跳转的目标路径，值可以是一个外部网站的地址，也可以写一个内部页面的地址。
当跳转当前页面的其他位置时，herf的值也可以是#或#目标元素的id属性值。

跳转绝对路径

绝对路径就是文件的真正存在的路径，比如F:\学习\绝对路径页面.html；或者网上一些路径的引用，比如https://www.baidu.com/。
绝对路径跟当前页面的路径没有关系，在哪里都可以访问到绝对路径的地址。

跳转相对路径

当我们需要跳转一个服务器内部的页面时，一般我们都会使用相对路径，相对路径都会使用.(./)或…(…/)开头。

./（当前目录）

./可以省略不写，如果既不写./也不写…/，就相当于写了./。
./表示当前文件所在的目录。
./aa.html 和 aa.html 是一样的。

…/（上级目录）

…/表示当前文件所在目录的上一级目录。

跳转当前页面

可以直接将超链接的href属性设置为#，这样点击超链接以后，页面不会发生跳转，而是跳转到当前页面的顶部位置。
也可以跳转到页面的指定位置，只需要将href属性设置为 #目标元素的id属性值。

target属性

target属性，用来指定超链接打开的位置。可选值：
1、_self 默认值，在当前页面中打开超链接。
2、_blank 在一个新的页面中打开超链接。

id属性（唯一不重复的）

每一个标签都可以添加一个id属性。id属性就是元素的唯一标识，同一个页面中不能出现重复的id属性。

点击无响应的超链接

在开发中，可以将#作为超链接的路径的占位符使用，但是这样会导致超链接点击会跳转到页面顶部位置，所以还可以写成

<a href="javascript:;">这是一个点击没反应的超链接</a>

可以使用javascript:;来作为href的属性，此时点击这个超链接什么也不会发生。