最全的超链接知识汇总

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

一. 超链接要点

1. <a>标签定义超链接,用于从一个页面链接到另一个页面;文章源自MAY的SEO博客-https://may90.com/tech/links.html

2. <a>标签最重要的属性是href属性,它指示链接的目标地址;如:文章源自MAY的SEO博客-https://may90.com/tech/links.html

<a href="https://may90.com/seo/">SEO优化</a>

3. <a>标签另一个常用的属性是target,规定在何处打开链接文档文章源自MAY的SEO博客-https://may90.com/tech/links.html

属性值 描述
target="_self" 默认。在同一窗口之间跳转到原来的链接
target="_blank" 在新窗口打开该链接
target="_parent" 在父框架集中打开该链接
target="_top" 在整个窗口中打开该链接
target="_framename" 在指定的框架中打开该链接

4. 当鼠标移动到超链接上时,会出现一个小手,表示可以点击;文章源自MAY的SEO博客-https://may90.com/tech/links.html

5. 在所有的浏览器中,a的伪类:文章源自MAY的SEO博客-https://may90.com/tech/links.html

设置的顺序:link - visited -  hover - active文章源自MAY的SEO博客-https://may90.com/tech/links.html

状态 描述
a:link 未访问的链接
a:visited 已访问的链接
a:hover 鼠标移动到链接上
a:active 选定的链接

6. <a>标签的另一属性rel,用于指定当前文档与被链接文档的关系。文章源自MAY的SEO博客-https://may90.com/tech/links.html

属性值 描述
rel="nofollow" 告诉搜索引擎不要跟踪此链接
rel="noindex" 告诉搜索引擎禁止收录该页面
rel="noopener" 用来防范新窗口打开链接时可能存在的钓鱼攻击

二. 内链与外链

内链(内部链接) 同一网站域名下的内容页面之间的相互链接
外链(外部链接) 别的网站指向自己网站的链接

三. 导入链接与导出链接

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

四. 锚文本链接

把某个关键词带一个链接,指向别的网页。比如:SEO优化 这样的文字带链接,就是锚文本链接。文章源自MAY的SEO博客-https://may90.com/tech/links.html

五. 文本链接

只有网址而没有超链接的链接文本,链接的展示是以文本的形式,不能单击到达指定的页面,需要复制下来,然后粘贴在浏览器中打开。文章源自MAY的SEO博客-https://may90.com/tech/links.html

比如:https://may90.com/seo/文章源自MAY的SEO博客-https://may90.com/tech/links.html

首先复制https://may90.com/seo/,然后将这个链接粘贴到浏览器地址栏,最后打开这个页面进行访问。文章源自MAY的SEO博客-https://may90.com/tech/links.html

六. 友情链接

互相在自己的网站上添加对方网站的链接,比如A,B两个网站,A网站上放B网站的链接;B网站上放A网站的链接,互相连接。文章源自MAY的SEO博客-https://may90.com/tech/links.html

七. 单向链接和双向链接

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

八. 绝对路径和相对路径

绝对路径 带域名的文件的完整路径
相对路径 目标文件/文件夹相对于当前文件的路径

 文章源自MAY的SEO博客-https://may90.com/tech/links.html

 文章源自MAY的SEO博客-https://may90.com/tech/links.html 文章源自MAY的SEO博客-https://may90.com/tech/links.html

  • 我的微信
  • 扫一扫微信,添加好友
  • weinxin
  • 我的微信公众号
  • 关注公众号,了解最新动态
  • weinxin
  • 本文由 发表于 2018年9月21日
  • 转载请务必保留本文链接:https://may90.com/tech/links.html
超链接颜色添加或修改方法 SEO教程

超链接颜色添加或修改方法

给超链接添加颜色是将它们与常规文本区分开的好方法。MAY的SEO博客将为您分享使用十六进制颜色代码、RGB和HSL值以及HTML颜色名称来增添或修改超链接颜色。 1. 超链接颜色使用十六进制颜色代码 ...
链接是什么? SEO教程

链接是什么?

大家知道链接是什么吗?连接你的心,连接我的心?不是连接,而是链接……嗯,不确定这算不算一个笑话?嗯,反正很冷。做SEO优化的我总有一个习惯,总是喜欢找别人要“链接”,然后对方(行外人)总是一脸懵逼,什...
一个网站需要有导出链接吗? SEO资源

一个网站需要有导出链接吗?

导出链接,就是你网站上有指向其他网站的链接,是单向的。那么一个网站需要有导出链接吗?很多声音都在说导出链接会分散自己网站的权重及流量,那网站上是不是没有导出链接会更好呢? 我们都知道,互联网中不可缺少...
解析搜索引擎排名之链接原理 SEO教程

解析搜索引擎排名之链接原理

据说在Google诞生以前,传统的搜索引擎主要是依靠页面内容中的关键词来匹配用户查询词来进行排名。但这种排名会存在很多的问题,很容易被SEO优化人员操作,在页面上堆积大量的关键词而提高网站的排名。因此...
评论  0  访客  0

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定