南京网站设计【仁舟网络】网站建设-微信开发-APP开发【南京仁舟网络科技有限公司】十五年匠心设计 未来触手可及

咨询电话:158 5079 3174

HTML标签中A标签的详细用法

发布时间:2018-09-26 12:52:23    浏览次数:29

A标签最基础href属性用法如下:

<a href="http://www.njrenzhou.cn">仁舟网络</a>(指向仁舟网络的网站)

我们在浏览网页的时候经常看到<a>标签的其它用法:

1.<a href="#">回到顶部</a>

这种是一个空链接,但是如果页面有滚动条的时候,点击这种链接可以直接回到顶部,在网页底部加一个回到顶部的按钮的时候这种连接非常简单也很实用。

2.<a href="javascript:void(0);"></a>

这个在使用过程中也会经常遇到,你会发现点击这个链接不会有任何动作,也就是没有任何反应。既然没有任何反应干嘛要这个方法,一般这样的都是搭配js函数使用,如下面第三点的使用方法。

3.<a href="javascript:void(0);" onclick="gotop()">回到顶部</a>

这个方法比较常用,也是经常看到的,点击标签不会有任何反应,但是会执行onclick里面的js函数,比如上面的gotop()函数如果写的是回到顶部,那么点击这个标签同样是回到顶部,有人就说了,方法1中不是说那个方法非常简单吗,那为什么还要用这个方法呢?第一种方法是简单,但是回到顶部的效果也是非常的普通,搭配js效果会让回到顶部的效果更好。onclick里面的函数可以随便写,实现任何你想实现的效果。

4.<a href="javascript:;" onclick="gotop()">回到顶部</a>

这个方法和第三个方法一致。写法不一样。功能完全一样

5.<a href="#top">仁舟网络</a>

这个方法也是比较常见的一种,称作锚文本,实现的功能是点击这个按钮回到此页面一个id为top的地方,这个对跳转到指定内容非常方便。如果想跳到别的页面的某个位置这个方法同样实用。方法是href="/content.html#contact" 这样就可以跳转到content.html页面的id为contact 的地方。


A标签最常用的属性就是href,其它还有target属性,这个属性有最常用的2个值

1._blank是另起一个窗口打开新网页

2._self在本身这个网页窗口来打开新的网页链接,所有不写target的都会默认这个值

3._parent这个在iframe框架中会使用到,平常没有框架的网页等同于_self

4._top等同于_self


A标签在H5中有个download属性,可以规定被下载的超链接目标。在H5中还有个type 属性是规定被链接文档的的 MIME 类型。

其它还有一些不常用的属性,这里就不多做介绍了,此文介绍了A标签的常用属性以及使用方法。解决了大部分的问题。近期我们会介绍一些其它标签的使用方法。