最全的超链接知识汇总

2018年9月21日15:35:59 发表评论 896

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

一. 超链接要点

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

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

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

3. <a>标签另一个常用的属性是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. <a>标签的另一属性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。

八. 绝对路径和相对路径

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

 

 

  • 支付宝扫码赞助
  • weinxin
  • 微信扫码赞助
  • weinxin

发表评论

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