html标签a标签的相关用法介绍
信息来源:深圳市易捷网络科技有限公司
信息发布时间:2024/12/23
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标签的常用属性以及使用方法。解决了大部分的问题。近期我们会介绍一些其它标签的使用方法。
相关视频推荐
自动化行业网站制作焊锡机/点胶机/螺丝机网站
企业网站制作新模式全部仅需800元/年
如何提高企叫网站打开速度
公司网站到期了该怎小续费
企业为什么必须要做一网站
企业网站的导航栏一般要规划哪些栏目
国际物流FBA物流网站建设深圳易捷网站公司公司
银制品金银器网站建设深圳易捷网站公司
包装印刷行业网站设计
膜结构公司网站设计
工商财务公司网站设计
购买一个域名需要多少钱
企业网站建设云虚拟主机需要多少钱
财务公言的网站怎么做才能显示在搜索引擎的首页
网站建设一站式服务
深圳网站建设公司网站排行榜