html5超链接总结,最全的超链接知识汇总

我们知道,HTML(HyperText Market Language)是一种不错的标记语言(HTML中的“ML”),用来描述网页的结构。HTML中的“HT”,也就是超文本(HyperText),有了它,我们就能摆脱单个页面的束缚,链接到其他页面,也就是超文本链接或超链接。超链接对于SEO优化起着十分重要的作用。

一. 超链接要点

1. 标签定义超链接,用于从一个页面链接到另一个页面;

2. 标签最重要的属性是href属性,它指示链接的目标地址;如:

SEO优化

3. 标签另一个常用的属性是target,规定在何处打开链接文档

属性值

描述

target="_self"

默认。在同一窗口之间跳转到原来的链接

target="_blank"

在新窗口打开该链接

target="_parent"

在父框架集中打开该链接

target="_top"

在整个窗口中打开该链接

target="_framename"

在指定的框架中打开该链接

4. 当鼠标移动到超链接上时,会出现一个小手,表示可以点击;

5. 在所有的浏览器中,a的伪类:

设置的顺序:link - visited -  hover - active

状态

描述

a:link

未访问的链接

a:visited

已访问的链接

a:hover

鼠标移动到链接上

a:active

选定的链接

6. 标签的另一属性rel,用于指定当前文档与被链接文档的关系。

属性值

描述

rel="nofollow"

告诉搜索引擎不要跟踪此链接

rel="noindex"

告诉搜索引擎禁止收录该页面

rel="noopener"

用来防范新窗口打开链接时可能存在的钓鱼攻击

二. 内链与外链

内链(内部链接)

同一网站域名下的内容页面之间的相互链接

外链(外部链接)

别的网站指向自己网站的链接

三. 导入链接与导出链接

导入链接

别的网站导入到自己网站的链接

导出链接

自己网站导出到别人网站的链接

四. 锚文本链接

把某个关键词带一个链接,指向别的网页。比如:SEO优化 这样的文字带链接,就是锚文本链接。

五. 文本链接

只有网址而没有超链接的链接文本,链接的展示是以文本的形式,不能单击到达指定的页面,需要复制下来,然后粘贴在浏览器中打开。

比如:https://may90.com/seo/

首先复制https://may90.com/seo/,然后将这个链接粘贴到浏览器地址栏,最后打开这个页面进行访问。

六. 友情链接

互相在自己的网站上添加对方网站的链接,比如A,B两个网站,A网站上放B网站的链接;B网站上放A网站的链接,互相连接。

七. 单向链接和双向链接

单向链接

单向链接两个网站没有相互指向,只有单方指向。比如:A、B两个网站,A指向B,但B没有指向A。

双向链接

双向链接两个网站相互指向。比如A、B网站,A指向B,B指向A。

八. 绝对路径和相对路径

绝对路径

带域名的文件的完整路径

相对路径

目标文件/文件夹相对于当前文件的路径

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值