HTML超链接详解

超链接定义及使用说明

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

< a> 元素最重要的属性是 href 属性,它指定链接的目标。

在所有浏览器中,链接的默认外观如下:

  • 未被访问的链接带有下划线而且是蓝色的
  • 已被访问的链接带有下划线而且是紫色的
  • 活动链接带有下划线而且是红色的

提示和注释

提示:如果没有使用 href 属性,则不能使用 hreflang、media、rel、target 以及 type 属性。

提示:通常在当前浏览器窗口中显示被链接页面,除非规定了其他 target。

提示:请使用 CSS 来改变链接的样式。

HTML 4.01 与 HTML5之间的差异

在 HTML 4.01 中, 标签既可以是超链接,也可以是锚。在 HTML5 中, 标签是超链接,但是假如没有 href 属性,它仅仅是超链接的一个占位符。

HTML5 有一些新的属性,同时不再支持一些 HTML 4.01 的属性。

超链接a标签属性表

属性 描述
charset char_encoding HTML5 不支持。规定目标 URL 的字符编码。
coords coordinates HTML5 不支持。规定链接的坐标。
downloadNew filename 指定下载链接
href URL 规定链接的目标 URL。
hreflang language_code 规定目标 URL 的基准语言。仅在 href 属性存在时使用。
media media_query 规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。
name section_name HTML5 不支持。规定锚的名称。
rel alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
rev text HTML5 不支持。规定目标 URL 与当前文档之间的关系。
shape default
rect
circle
poly
HTML5 不支持。规定链接的形状。
target _blank _parent
_self
_top
framename
规定在何处打开目标 URL。仅在 href 属性存在时使用。
type MIME_type 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。
注:MIME = Multipurpose Internet Mail Extensions。

超链接的常用方法

页面跳转

1.绝对路径跳转

	<a href="https://www.baidu.com/"></a>

当用户点击这个标签时,网页会跳转至百度
在这里插入图片描述
2. 相对路径跳转
如下图,我要从跳转页下面的跳转页面里跳转到被跳转页下的跳转网页里
在这里插入图片描述
在这里插入图片描述
效果图
在这里插入图片描述
当超链接被点击时,就从跳转页跳到被跳转页
需要注意的是,
当你需要跳转的网页和你在同一级文件夹时,只需要直接写出需要跳转网页的名称即可
当你需要跳转的网页不是和你在同一级问夹时,每向上一级,添加一层 " …/ " ,每向下一层,就需要你写出文件夹的名称加/ 如 文件夹名称/

  1. 本页面跳转 ->描点
    在这里插入图片描述
    当你点击我是跳转页时,会跳转到我是描点你会跳转到我这里来
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44368963/article/details/108245165