超链接

超链接

超链接可以让我们从一个页面跳转到其他页面，或者是当前页面的其他位置使用

使用<a>标签来定义超链接属性

属性：href指定跳转到的目录路径

值可以是一个外部网站的地址，也可以是一个内部页面的地址

当我们需要跳转一个服务器内部时，一般我们都会使用相对路径，相对路径都会使用.或..开头

./ ../如果没写则自动默认写了./

./表示在当前文件所在目录，../表示当前目录的上一级目录

<a href="http://www.baidu.com">超链接</a>
<a href="./当前文件夹">超链接</a>
<a href=".//上一级文件夹">超链接</a>

target

target属性用来指定超链接打开的位置

target=_self 默认值，表示在当前页面中打开超链接

target=_blank 表示在新页面中打开超链接

<a href="http://www.baidu.com" target="_self">当前页面跳转</a>
<a href="http://www.baidu.com" target="_blank">新建页面中跳转</a>

超链接占位

在开发中，可以将#作为超链接的占位符号（#会有跳转到页面顶部的效果）

开发中，将javascript:;作为href属性，此时超链接将不会有任何动作

<a href="#">占位超链接</a>
<a href="javascript:;">占位超链接</a>

页面内的快速跳转

可以将超链接中的href属性设置为#，这样点击超链接后，页面不会跳转，而是直接到当前页面顶部

当将href属性值设置为#目标元素的id属性值，则可跳转到当前页面的制定位置

每一个标签都可以添加一个id属性

id属性就是元素的唯一标识，同一个页面中不能出现重复的id属性

<a href="#">返回顶部</a>
<a id="top" href="#" >返回顶部加ID</a>
<a href="#top">返回到底部</a>