深圳网站建设公司易捷网络科技
网站建设资讯
网站建设技术支持网站建设行业资讯网站建设公司新闻
联系我们
联系人:陈先生
电话:0755-61603557
邮箱:info@ejaket.com
传真:0755-61603557
地址:深圳市宝安区宝源路鸿源大厦7楼
你现在所在的位置:网站首页 > 网站建设资讯 > html标签a标签的相关用法介绍

html标签a标签的相关用法介绍

信息来源:惠州网站建设公司易捷网络    添加时间:2019-04-07
A标签最基础href属性用法如下:
<ahref="http://www.ete2.com">仁舟网络</a>(指向仁舟网络的网站)
我们在浏览网页的时候经常看到<a>标签的其它用法:
1.<ahref="#">回到顶部</a>
这种是一个空链接,但是如果页面有滚动条的时候,点击这种链接可以直接回到顶部,在网页底部加一个回到顶部的按钮的时候这种连接非常简单也很实用。
2.<ahref="javascript:void(0);"></a>
这个在使用过程中也会经常遇到,你会发现点击这个链接不会有任何动作,也就是没有任何反应。既然没有任何反应干嘛要这个方法,一般这样的都是搭配js函数使用,如下面第三点的使用方法。
3.<ahref="javascript:void(0);"onclick="gotop()">回到顶部</a>
这个方法比较常用,也是经常看到的,点击标签不会有任何反应,但是会执行onclick里面的js函数,比如上面的gotop()函数如果写的是回到顶部,那么点击这个标签同样是回到顶部,有人就说了,方法1中不是说那个方法非常简单吗,那为什么还要用这个方法呢?第一种方法是简单,但是回到顶部的效果也是非常的普通,搭配js效果会让回到顶部的效果更好。onclick里面的函数可以随便写,实现任何你想实现的效果。
4.<ahref="javascript:;"onclick="gotop()">回到顶部</a>
这个方法和第三个方法一致。写法不一样。功能完全一样
5.<ahref="#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标签的常用属性以及使用方法。解决了大部分的问题。近期我们会介绍一些其它标签的使用方法。
惠州网站建设公司易捷网络科技主营业务:企业网站建设、网站推广优化、企业邮箱申请、域名空间购买、网站备案、论坛网站建设和企业网站维护。
网站建设服务热线:13714247375
深圳市易捷网络科技有限公司版权所有 备案号:粤ICP备2022153140号