a标签的三大作用

a标签的作用:

作用一:跳转到外部网址。实现页面跳转需要一个完整的页面地址。

1):这里的href规定的是指向页面的URL地址。URL英语Uniform Resource Locator的缩写,中文名叫:统一资源定位符(或称统一资源定位器/定位地址、URL地址),有时也被俗称为网页地址(网址)。
2):此处target是指网页跳转的方式。target又四个属性。分别为_blank , _parent , _self, _top.

      

Ⅰ: _blank 代表在新窗口中打开页面的链接地址,如果设置则另起网页跳转;
Ⅱ: _self 代表在自身窗口打开页面链接,默认为self;
Ⅲ: _parent 代表是在父窗口中打开此网页;
Ⅳ: _top 代表的是在整个窗口中打开此网页,测试的效果与self相同;

作用二:href可以实现本地页面文件跳转。在同一个项目中,href的指向为相对路径,此处的node文件和本文件处在同一个项目中,所以直接写名字即可。

超链接跳转有三种路径:

Ⅰ:绝对路径:从文件所在的最高级目录下开始的完整路径。

                         1.1: 访问互联网上的资源。

       1.2: 访问本机的资源。

Ⅱ:相对路径:从文件所在的位置开始查找,资源文件所在的位置经过的路径。

          2.1:当前文件和资源文件在同目录下直接可以用名称引用。

       2.2: 资源文件在当前目录的子文件中,先进入,再引用。

       2.3: 资源文件在当前文件的父目录中,先返回,再引用。

Ⅲ:根相对路径:在服务器上使用的,只有服务器端才可以使用。 

 

作用三:设置锚点。在网页任意位置添加一个标记,可以由任何地方跳转到这个标记处。

 Ⅰ:定义锚点

   1)如果用a标签当作锚点,只需给a标签中的name传如名字即可。如上图。

   2)如果用其他标签当作锚点,如p标签,需要该标签赋上id值。

Ⅱ:需要跳转的地方

  <a href="#锚点记号的名称"></a>

  (注意:a标签作为锚点则此处为a标签name属性的属性值,其他标签作为锚点时此处为该标签的id值)

 

 

猜你喜欢

转载自www.cnblogs.com/XW-TT/p/11991759.html