HTML超链接

目录

1. 什么是超链接？
2. 超链接的属性。
3. 相对与绝对路径。
4. 锚点设置。     

一、什么是超链接？ 

         超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。 简单来讲就是通过单击已经链接的文字或图片后,就能跳转到另一个页面。 

二、超链接的属性

        <a>元素属于文本元素，有一些私有属性或者叫局部属性。

那么，相对应的还有通用属性或叫全局属性。

属性名称	说明
href	指定<a>元素所指资源的URL
hreflang	指向的链接资源所使用的语言
media	说明所链接资源用于哪种设备
rel	说明文档与所连接资源的关系类型
target	指定用以打开所链接资源的浏览环境
type	说明所链接资源的MIME类型（比如 text/html）

在这几个属性当中，只有 href 和 target 一般比较常用，而 href 是必须要用的。

其他几个属性，在 <a> 元素使用较少。

1.href 属性

<a href="http://www.4399.com"> 4399小游戏 </a>

解释： href 是必须属性，否则 <a> 元素就变成空元素了。如果属性值是 http:// 开

头的 URL ，意味着点击跳转到指定的外部网站。

2.target 属性

<a href="http://www.4399.com" target="_blank"> 4399小游戏 </a>

解释： target 属性告诉浏览器希望将所链接的资源显示在哪里。

属性名称说明

_blank 在新窗口或标签页中打开文档

_parent 在父窗框组（ frameset ）中打开文档

_self 在当前窗口打开文档（默认）

_top 在顶层窗口打开文档

这四种最常用的是 _blank ，新建一个窗口。而 _self 是默认，当前窗口打开。

三、相对与绝对路径

所谓相对路径，就是相对于链接页面而言的另一个页面的路径。而绝对路径，就

是直接从 file:/// 磁盘符开始的完整路径。我们在同一个目录下做上两个页面，其

中一个页面链接到另一个页面。

1. 绝对路径

<a href="file:///D:/HTML /chaolianjie /code/index2.html">index2</a>

解释：首先是 file:/// 开头，然后是磁盘符，然后是一个个的目录层次，找到相应

文件。这种方式最致命的问题是，当整个目录转移到另外的盘符或其他电脑时

目录结构一旦出现任何变化，链接当即失效。

2. 相对路径

<a href="index2.html">index2</a>

解释：相对路径的条件是必须文件都在一个磁盘或目录下，如果是在同一个目录

下，直接属性值就是被链接的文件名 . 后缀名。如果在同一个主目录下，有多个

子目录层次，那就需要使用目录结构语法。

3. 目录语法

同一个目录： index2.html 或 ./index2.html ；

在子目录： xxx/index2.html ；

在孙子目录： xxx/xxx/index2.html ；

在父目录： ../index2.html ；

在爷爷目录： ../../index2.html ；

四、锚点设置

超链接也可用来将同一个文档中的另一个元素移入视野。通过属性 id 或 name

实现锚点定位。

// 链接

<a href="#1"> one </a>

<a href="#2"> two </a>

<a href="#3">three </a>

// 锚点

<a name="1"></a> <a id="3"></a>