a标签，相对地址，绝对地址，锚点技术

柔光的暖阳◎ 2022-05-30 00:05 203阅读 0赞

# 转载：http://blog.csdn.net/ting22055/article/details/45752013 #

# a标签（链接标签） #

形式：

<a href=”链接地址”  target=”要打开链接的窗口名” >内容部分</a>

链接地址：通常用url来表示链接地址的意思（形式）。链接地址可以分为：

绝对地址：指通过该地址就可以“直达”该页面。还可以分为：

互联网绝对地址：形式是： http://域名/目录名1/目录名2/文件名

适用于：互联网上的站点（页面）

本地绝对地址：形式是： file:///盘符:/目录名1/目录名2/文件名

适用于本地的网站（页面）——通常正常应用的网站，极少会使用本地绝对路径。

通常，本地绝对路径是绝对禁止使用。

相对地址：(可以认为每个相对位置都说 省略./的)

解释：是指相当于当前a标签所在的网页所在的位置（文件夹）来设定的一个相对位置。

几个特殊的相对路径名：

./:   直接指代“当前目录”，即本文件所在的目录位置，通常可以省略

../:  表示当前目录的“上一级”目录。

./目录名：  表示当前目录中的指定下一级目录名

以上还可以进一步组合，常见如下：

./p0.html

./abc/p1.html

../p2.html

../def/p3.html

../../def/abc/p4.html

abc/def/hij/p5.html          当前目录中的abc目录中的def目录中的hij目录中的p5.html

小总结：通常在实际应用中，在一个网站内部相互之间用相对地址，如果链接到外部网站，则必须使用互联网的绝对路径。

没掌握好

要打开链接的窗口名:是指该网页打开的时候可以指定在哪个窗口打开。target后面的引号中

几个固定含义的窗口名：

\_self:  表示当前网页所在窗口本身

\_blank:表示一个“新窗口”，即无论如何，总是打开一个新窗口来显示该链接页面

\_parent:表示父窗口，其实就是当前窗口的上一级窗口——窗口是可以相互嵌套以形成层次关系

\_top:         表示最上一级窗口，即互相嵌套关系的窗口中的最顶层那个窗口

也可以自己来设定窗口的名字：如果该窗口已经存在，就会在该窗口打开，如果该窗口还不存在，就会新建一个窗口并命名为该名字并打开该链接。

![Center][]

# 锚点技术 #

锚点其实指的是一个网页上的某个“定位位置”。

锚点的实现：需要使用至少2次a标签来配合完成。其基本形式如下：

<a  href=”\#锚点名”>内容部分</a>（）

………这里可能是很多内容区…….

<a  name=”锚点名” >内容部分</a>，不写下划线部分同样有效2

锚点和链接的整合应用：

<a  href=”链接地址url\#锚点名”>内容部分</a>

含义是：链接到指定的网页并定位到指定的该网页的锚点所在位置。

Eg:<aname="top"></a>

<a href="\#top"style="position:fixed;right:50px; bottom:50px;">回到顶部</a>

点击定位到abc定位到文字1

<a href="\#abc" >定位到abc</a>

<a name="abc">文字1</a>

# a标签（链接标签） #

形式：

<a href=”链接地址”  target=”要打开链接的窗口名” >内容部分</a>

链接地址：通常用url来表示链接地址的意思（形式）。链接地址可以分为：

绝对地址：指通过该地址就可以“直达”该页面。还可以分为：

互联网绝对地址：形式是： http://域名/目录名1/目录名2/文件名

适用于：互联网上的站点（页面）

本地绝对地址：形式是： file:///盘符:/目录名1/目录名2/文件名

适用于本地的网站（页面）——通常正常应用的网站，极少会使用本地绝对路径。

通常，本地绝对路径是绝对禁止使用。

相对地址：(可以认为每个相对位置都说 省略./的)

解释：是指相当于当前a标签所在的网页所在的位置（文件夹）来设定的一个相对位置。

几个特殊的相对路径名：

./:   直接指代“当前目录”，即本文件所在的目录位置，通常可以省略

../:  表示当前目录的“上一级”目录。

./目录名：  表示当前目录中的指定下一级目录名

以上还可以进一步组合，常见如下：

./p0.html

./abc/p1.html

../p2.html

../def/p3.html

../../def/abc/p4.html

abc/def/hij/p5.html          当前目录中的abc目录中的def目录中的hij目录中的p5.html

小总结：通常在实际应用中，在一个网站内部相互之间用相对地址，如果链接到外部网站，则必须使用互联网的绝对路径。

没掌握好

要打开链接的窗口名:是指该网页打开的时候可以指定在哪个窗口打开。target后面的引号中

几个固定含义的窗口名：

\_self:  表示当前网页所在窗口本身

\_blank:表示一个“新窗口”，即无论如何，总是打开一个新窗口来显示该链接页面

\_parent:表示父窗口，其实就是当前窗口的上一级窗口——窗口是可以相互嵌套以形成层次关系

\_top:         表示最上一级窗口，即互相嵌套关系的窗口中的最顶层那个窗口

也可以自己来设定窗口的名字：如果该窗口已经存在，就会在该窗口打开，如果该窗口还不存在，就会新建一个窗口并命名为该名字并打开该链接。

![Center][]

# 锚点技术 #

锚点其实指的是一个网页上的某个“定位位置”。

锚点的实现：需要使用至少2次a标签来配合完成。其基本形式如下：

<a  href=”\#锚点名”>内容部分</a>（）

………这里可能是很多内容区…….

<a  name=”锚点名” >内容部分</a>，不写下划线部分同样有效2

锚点和链接的整合应用：

<a  href=”链接地址url\#锚点名”>内容部分</a>

含义是：链接到指定的网页并定位到指定的该网页的锚点所在位置。

Eg:<aname="top"></a>

<a href="\#top"style="position:fixed;right:50px; bottom:50px;">回到顶部</a>

点击定位到abc定位到文字1

<a href="\#abc" >定位到abc</a>

<a name="abc">文字1</a>

[Center]: /images/20220530/b11881aaa2384f85aff8648c7ed75bf6.png

发表评论取消回复

表情：

评论列表（有 0 条评论，203人围观）

还没有评论，来说两句吧...

相关阅读

相关绝对定位下＜a＞标签无法点击

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释：元素可拥有负的 z-index 属性值。注释：Z-index 仅

忘是亡心i/ 2023年10月08日 12:03/ 0 赞/ 33 阅读

相关 JavaScript在发送Ajax请求时，URL的域名地址是使用绝对地址还是相对地址

一、URL域名的绝对地址与相对地址 1.URL简述 Uniform Resource Locator 统一资源定位符例如：http://www.123.com/i

素颜马尾好姑娘i/ 2023年10月05日 13:18/ 0 赞/ 9 阅读

相关 a标签锚点的用法 jq的用法补充

![1712762-20190822170752218-173834268.png][] 二，字符才能一旦被声明，就不能改变，改变它的唯一方法，复制将其覆盖； ![l

谁践踏了优雅/ 2023年08月17日 16:11/ 0 赞/ 40 阅读

相关 a标签里面设置onclick_【HTML】4 列表标签、锚点标签

![1b5ac18236731d73ee808e82210f8bb2.png][] 1、列表标签列表就是用来布局的，列表最大的特点就是整齐、整洁。列表分为三大类：

梦里梦外;/ 2023年01月05日 12:23/ 0 赞/ 158 阅读

相关计算机混合地址相对地址绝对地址,引用的分类及讲解

在我的文章中经常会提到引用，引用，是函数和VBA中经常用到的，在书写函数时往往不会是单纯的数字录入，而是要根据特定单元格的内容完成一定的方法或计算，这就是引用。引用相当于函数的

ゞ浴缸里的玫瑰/ 2022年09月01日 12:00/ 0 赞/ 384 阅读

相关计算机混合地址相对地址绝对地址,什么是相对地址、绝对地址、混合地址？如何使用？...

相对地址是指相对于某个基准量(通常用零作为基准量)编址时所使用的地址。绝对地址(Absolute Address)是指在通信、计算机和数据处理系统中的一个地址方案。混合地址是指

川长思鸟来/ 2022年09月01日 12:00/ 0 赞/ 232 阅读

相关 a标签跳转锚点到页面指定位置

代码如下： JS方式: <!DOCTYPE html> <html> <head> <meta charset="utf-

淩亂°似流年/ 2022年07月12日 06:21/ 0 赞/ 351 阅读

相关 a标签，相对地址，绝对地址，锚点技术

转载：http://blog.csdn.net/ting22055/article/details/45752013 a标签（链接标签）形式：

柔光的暖阳◎/ 2022年05月30日 00:05/ 0 赞/ 204 阅读

相关 <a>标签链接到<a>锚点和其他标签锚点的区别

一、<a>标签链接到<a>锚点可以使用name属性或者id属性 1、name <body> <a href="\cc">ccccc</a> </br></br><

た入场券/ 2022年04月17日 02:08/ 0 赞/ 258 阅读

相关夺命雷公狗—玩转SEO---11---绝对地址和相对地址

绝对地址：带有绝对路径的地址，如下所示 ![824335-20190709071144013-1501187394.png][] 相对地址：相对于某个文件夹的位置，如下所示

- 日理万妓/ 2021年12月11日 01:19/ 0 赞/ 221 阅读