<a>标签定义超链接,用于从一个页面链接到另一个页面。
<a>是个行内元素。但是我们可以通过display:block声明,让它变成块状元素。然后再定义宽度,高度,边距…等等。
<a>标签最重要的属性就是href。它用来设置,页面要跳转到什么地方。
 

href属性

用法:

<a href="链接地址">文本</a>

举例-设置一个链接,跳转到必应的首页:

<a href="http://bing.com">Bing</a>

需要注意的是,我们在浏览器的地址栏里正常输入bing.com就可以访问网站。
但是,这里要加上http://否则不会成功。
原因很简单,必应是线上的一个网站,并不是本地的网站,所以需要使用绝对链接。

我们浏览网页的时候,点击一个链接,希望页面在一个新的一个页面中打开。而不是在当前页。
这是需要target属性。
 

target属性

target属性默认有四个值:
_blank 在新的空白页中打开。
_self 在当前页中打开。
_parent 在父框架集中打开被链接文档。(我从来没用过)
_top 在整个窗口中打开被链接文档。(我从来没用过)
framename 在指定的框架中打开被链接文档。(我从来没用过)
接上面的例子:
如果想在新的空白页中打开链接那么:

<a href="http://bing.com" target="_blank" rel="noopener noreferrer">Bing</a>
download属性

规定链接的文件是用来下载的。
该属性可以设置一个值来规定下载文件的名称。
该属性目前(2016.01.31)只有谷歌浏览器和火狐浏览器支持。如果希望被链接的对象,比如图片,希望是被下载的,而不是在页面中被打开的,那就需要用这个属性了。

<a href="example.jpg" download class="ipeace-lightbox-item" rel="lightbox[392]">fuck</a>

默认情况下,链接颜色是蓝色的,并且有下划线。被点击之后会变成紫色。我们会在下节课讲,如何更改默认的样式。

相关英语:

href = Hypertext Reference的缩写。意思是超文本引用。
target = 目标
blank = 空白
self = 自身
download = 下载