【web前端笔记】尚硅谷web前端零基础入门HTML5+CSS3基础教程（李立超 超哥）笔记 P22超链接的其他用法

超链接的其他用法

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

因为_self是默认值，所以下面两条语句实现的效果是一样的：

<a href="http://www.baidu.com">百度</a>
<a href="http://www.baidu.com" target="_self">百度</a>

当我们点击超链接时，浏览器会在当前页面中打开超链接


这时，“转到上一页”按钮可用，单击此按钮可回退至上一个页面

而target属性设置为_blank之后

会打开一个新的页面

当我们在浏览内容比较长的网页时，常常会发现在页面底部有一个“回到顶部”的按钮，这个功能是怎么实现的呢？

我们只需要将超链接的href属性设置为#，这样点击超链接以后页面不会发生跳转，而是会转到当前页面的顶部的位置

在一些文章或图书、歌曲的页面中常常可以看到目录，我们点击这些目录即可跳转到相应的位置，这个功能又是怎么实现的呢？

在说实现方式之前，我们先来学习一个标签的属性

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

我们可以通过元素的id属性来实现跳转到页面的指定位置的功能，只需将href属性设置为“#目标元素的id属性值”即可

请看下面的示例：

在这个页面中，单击顶部的超链接即可跳转到页面的指定位置，下面我们来看一下网页的源码：

在页面中，既然可以写“回到顶部”，自然也可以写“去底部”，“”回到顶部“和去底部”可以组合使用，代码如下：

<a href="bottom">去底部</a>


<a id="bottom" href="#">回到顶部</a>

在开发中可以将#作为超链接路径的占位符使用

<a href="#">这是一个新的超链接</a>

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

<a href="javascript:;">这是一个新的超链接</a>