从零开始学web开发之html5-7.超链接

1.简介

超链接(hyperlink)，网页中最常见的元素，每个网站都由众多的网页组成，网页之间通常都是通过链接方式相互关联的，在各个独立的页面之间方便地跳转。
可将文档中任何文字及任意位置的图片设置为超链接。

类型

• 外部链接
• 内部链接
• 电子邮件链接
• 锚点链接
• 空链接
• 脚本链接

---

2.a标签

<1>.简介

超链接用a标签来表示，
语法:

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

href属性表示链接地址，也就是点击超链接之后跳转到的地址。

<2>.target属性

超链接默认情况下是在原来的浏览器窗口打开，可用target属性来控制目标窗口的打开方式。
语法：

<a href="链接地址" 
target="目标窗口的打开方式">超链接文字</a>

a标签target属性取值

属性值	语义
_self	默认方式，在当前窗口打开链接
_blank	在一个全新的空白窗口中打开链接
_top	在顶层框架中打开链接
_parent	在当前框架的上一层里打开链接

一般只用到”_self”和”_blank”两个属性值。

<3>.各种超链接

常见的有文字超链接、图片超链接。

---

3.内部链接

超链接的链接对象是在同个网站中的资源，与自身网站页面有关的链接被称为内部链接。

---

4.锚点链接

定义：一种内部链接，它的链接对象是当前页面的某个问候，点击某一个超链接它就会跳到”当前页面”的某一部分。
有些网页内容比较多，导致页面过长，访问者需要不停地拖动浏览器上的滚动条来查看文档中的内容，为方便查看内容，在文档中需要建立锚点链接。
语法：

<a href="#目标锚点的id">跳到某个位置</a>

id是元素的一个属性，跟name属性一样(现在都用id代替),在同个页面中,id是唯一的，也就是同一个页面不允许出现相同的id.

5.示例链接,右键可查看源码

示例网页链接