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。

八. 绝对路径和相对路径

绝对路径

带域名的文件的完整路径

相对路径

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

html5超链接总结,最全的超链接知识汇总相关推荐

java开发简介知识点归纳思维导图_最全的JAVA知识汇总（附讲解和思维导图）
jvm 一行代码是怎么运行的首先,java代码会被编译成字节码,字节码就是java虚拟机定义的一种编码格式,需要java虚拟机才能够解析,java虚拟机需要将字节码转换成机器码才能在cpu上执行. ...
qtablewidget固定一列滚动_简单易懂，最全滚动轴承基本知识汇总
小编的话:滚动轴承是将运转的轴与轴座之间的滑动摩擦变为滚动摩擦,从而减少摩擦损失的一种精密的机械元件. 滚动轴承一般由内圈.外圈.滚动体和保持架四部分组成.内圈的作用是与轴相配合并与轴一起旋转: 外圈 ...
HTML5中各种标签总结（超链接标签、锚点设置）
一.超链接标签<a></a> 作用:实现页面的跳转功能 href:控制跳转的目标位置 target:_self:再自身页面打开(默认效果也是在自身页面打开) _blank:在空 ...
【HTML5】 Audio/Video全解（集合贴）
[HTML5] Audio/Video全解(集合贴) 2015-03-17 chenh_doc 目录[-] 一.标签解读二.Media对象方法和属性三.Media JS事件四.浏览器对音视频格 ...
html表格中添加超链接,Excel表格中添加超链接的方法教程
在我们使用Excel表格的过程中,有时候需要为表格内的内容添加网站地址的超链接,以方便引入相关的内容,这个时候,我们就需要使用到添加超链接的知识了.那么,怎么在Excel表格内添加超链接呢?接下来由学 ...
css点击a标签显示下划线_好程序员HTML5培训教程-html和css基础知识
好程序员HTML5培训教程-html和css基础知识,Html是超文本标记语言(英语全称:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言. Css ...
计算机配置扫盲,小白买电脑不知所措？最全的扫盲知识
原标题:小白买电脑不知所措?最全的扫盲知识对于第一次购买电脑的小白而言,如何选择呢?主要这四项配置扫盲.赶快关注+收藏起来看吧. 处理器主流处理器是Intel,还有AMD处理器但不是主流. 家用I ...
开源全平台版知识付费系统源码支持微信小程序+公众号+H5+PC端
分享一个开源全平台版知识付费系统源码,系统支持微信小程序+公众号+H5+PC端,一套系统实现全端数据及用户体系全面打通,轻松实现店铺全网一站式运营.含完整代码包和详细搭建教程. 系统支持视频课程.音频 ...
纯干货！最全股票基础知识（上）
纯干货!最全股票基础知识(上) 如果你是一个刚入门炒股的小白,如果你对股票一窍不通,那么你一定要阅读本文!本文内容纯干货,涉及到股票一些基本知识,建议收藏分享! 我们今天先从交易所.股票代码.交易规则 ...

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

html5超链接总结,最全的超链接知识汇总相关推荐

最新文章

热门文章