网站首页 > 知识剖析 正文
a标签
作用:可以让我们从一个页面跳转到其他页面,或者是当前页面的其他位置
使用方法:使用 a标签 来定义超链接
a标签 是行内元素 、a标签 可以嵌套除它自身的任何元素
1、属性:href 指定跳转的目标的路径
(1) 可以跳转外部网站的一个地址 也可以跳转内部页面的地址
<a href="index.jsp" target="_blank">超链接</a>
<a href="https://www.baidu.com" target="_self">
<div class="aa">
超链接
</div>
</a>
(2) 可以直接将超链接的href的属性设置为 '#'
这样点击超链接以后页面不会发生跳转 而是当前页面的顶部位置
<a id="bottom" href="#">回到顶部</a>
(3) 跳转到指定位置 ,只需要将href属性设置为 #目标元素的id属性值 (锚点)
<a href="#bottom">去底部顶部</a>
2、属性:targer 用来指定超链接打开的位置
(1). _self :当前页打开(默认值)
<a href="https://www.baidu.com" target="_self">当前页面<a>
(2). _blank :新建页面打开
<a href="index.jsp" target="_blank">新页面打开</a>
猜你喜欢
- 2024-11-17 微信公众号发送客服消息---菜单消息,卡片消息
- 2024-11-17 4.页面结构(页面结构元素)
- 2024-11-17 JavaScript代码的三种引入方式【操作演示】
- 2024-11-17 我们为什么要使用 href="javascript:void(0)"
- 2024-11-17 一、学爬虫前,你需要知道的爬虫常识
- 2024-11-17 我只用一个txt文档,就将公众号里面的所有文章列表提取出来
- 2024-11-17 码畜在工作中总结的知识点,记录一下
- 2024-11-17 04元素类型(元素种类总结)
- 2024-11-17 H5 nav元素的作用&应用场合(互联网应用与北斗系统在其中的作用)
- 2024-11-17 2024 年 PWA 无法与 Native 媲美的 7 个特性
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)