【第三章】html链接标签

基本上每个网页上都能找到链接(link)。链接允许用户通过点击它们跳转到一个新的网页或者当前网页的另一个位置,所以又称为“超链接”(hyperlink)。这东西有点儿像游戏里的“传送门”,是联系网络不同位置的重要手段。

HTML使用标签 来设置超文本链接。

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。但是这可以通过CSS来控制和改变。

默认情况下,链接将以以下形式出现在浏览器中:

注意:如果为这些超链接设置了 CSS 样式,展示样式会根据 CSS 的设定而显示。

常用的的属性有:

自有属性

href – 指定超链接的目的地址(url)(最重要的属性)

rel – 规定当前文档与目标 URL 之间的关系,一般不用设置,属性值可以是

1.alternate – 可相互替代的内容

2.author – 文档作者

3.bookmark – 书签

4.nofollow – 告诉搜索引擎不要此链接到的权重(可以理解为表示虽然链接了目标网页,但是却不认可目标网页)

target – 指定超链接的打开方式,一般不设置该属性,属性值可以是

1._blank – 在新的窗口打开(默认)

2._self – 在当前窗口打开

name – 规定锚的名称(此属性在 HTML5 中已被去掉。)

标准属性

1.class – 规定元素的类名(classname)

2.id – 规定元素的唯一 id,常用于制作页面内部链接(锚点)以代替name属性

3.style – 规定元素的行内样式(inline style)

4.title – 规定元素的额外信息(标题,可在工具提示中显示)

事件属性

1.onclick – 鼠标点击时的动作

HTML 链接语法

链接文本

href 属性描述了链接的目标。.

实例

访问百度

点击这个超链接会把用户带到新窗口百度的首页。

提示:

上面示例中的四个字” 访问百度“也可以是图片,或者其它 HTML 元素。

如果目标地址是个目录(或目录形式),最好总是给链接的结尾加上一个 / 符号。例如,如果链接是

href="http://www.three-years-alone.com/html"

点击后服务器需要响应两次请求,第一次会将链接转变为href="http://www.three-years-alone.com/html/"

第二次才打开转变后的网址(过程应该很快,但是我们应该尽量避免这种不必要的过程)。

HTML 链接- id 属性

id属性可用于创建在一个HTML文档书签标记。

提示:书签是不以任何特殊的方式显示,在HTML文档中是不显示的,所以对于读者来说是隐藏的。

id 属性常被用于创建到当前页面(文档)内部的链接,其作用类似于锚点(anchor)。也因此,HTML5 中将用于制作锚点的 的属性 name 取消了。

实例

例如,在下面的位置创建一个”内部链接锚点位置“

在HTML文档中插入Id

有用的提示部分

在HTML同一页面中文档中创建一个链接到"有用的提示部分(id="tips")

点击这个跳转到有用的提示部分

或者,从另一个页面创建一个链接到"有用的提示部分(id="tips")

访问有用的提示部分

提示

1.所有支持 id 属性的 HTML 标签都可以做为锚点,直接创建到该锚点的链接就可以了。如,

锚点

2.同一个页面内部不能有重复的属性值。

3.如果创建了一个指向页面内部位置的超链接,但是却没有写锚点文本,如

置顶

就会指向该页面的顶部,点击置顶则回到页面顶部。

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180118G0Z0OY00?refer=cp_1026

扫码关注云+社区