<a>标签链接到<a>锚点和其他标签锚点的区别

最新推荐文章于 2023-10-27 14:47:10 发布
最新推荐文章于 2023-10-27 14:47:10 发布
阅读量1.4k 收藏
点赞数
分类专栏： HTML+CSS 文章标签： a链接到锚点
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shilipeng666/article/details/83962500
版权

一、<a>标签链接到<a>锚点可以使用name属性或者id属性

1、name

<body>

<a  href="#cc">ccccc</a> 
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br>
<p id="aa" name="aa">aaaaaaaaaa</p> 
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br>
<p id="bb" name="bb">bbbbbbbbb</p> 
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br>
<a name="cc">cccccccccccccc</a> 
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br>
<p id="dd" name="dd">dddddddddddd</p> 

 </body>

2、id

<body>

<a  href="#cc">ccccc</a> 
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br>
<p id="aa" name="aa">aaaaaaaaaa</p> 
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br>
<p id="bb" name="bb">bbbbbbbbb</p> 
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br>
<a id="cc">cccccccccccccc</a> 
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br>
<p id="dd" name="dd">dddddddddddd</p> 

 </body>

二、<a>标签链接到其他标签锚点只能使用id属性

1、id     可以

<body>

<a  href="#cc">ccccc</a> 
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br>
<p id="aa" name="aa">aaaaaaaaaa</p> 
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br>
<p id="bb" name="bb">bbbbbbbbb</p> 
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br>
<p id="cc">cccccccccccccc</p> 
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br>
<p id="dd" name="dd">dddddddddddd</p> 

 </body>

2、name 不可以

<body>

<a  href="#cc">ccccc</a> 
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br>
<p id="aa" name="aa">aaaaaaaaaa</p> 
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br>
<p id="bb" name="bb">bbbbbbbbb</p> 
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br>
<p name="cc">cccccccccccccc</p> 
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br>
<p id="dd" name="dd">dddddddddddd</p> 

 </body>

 

kun鲲
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
通过href简单实现点击a链接跳到页面中指定的地方
09-28
在网页设计中，链接（a标签）是网页交互的基础元素之一，它允许用户从一个位置导航到另一个位置。本文将详细介绍如何通过`href`属性来实现点击a链接跳到页面中指定的地方，这是一种称为内部链接或锚点链接的机制。 ...
<jQuery>导航的滚动锚点
04-09
例如，如果你有一个`id`为"section1"的段落，你可以创建一个链接`<a href="#section1">跳转到段落1</a>`。 接下来，我们将使用jQuery来增强这个功能，使其更具有交互性。jQuery提供了一种简便的方式来监听用户的...
锚点链接...
weixin_30652271的博客
06-19 260
html锚点(mao dian)--特殊的超链接 锚点(anchor)：其实就是超链接的一种，一种特殊的超链接 普通的超链接，<a href="路径"></a>是跳转到不同的页面 而锚点，<a href="路径"></a>可以在同一个页面中不同的位置间跳转 可以看到，跳转到锚点的超链接跟普...
html 超链接标签 保存id,锚点链接就是带有id属性的超链接标签。
weixin_30995917的博客
06-18 990
锚点春节起源于哪一个时期？( )。链接链接无障碍设计是不能向通用设计转化的设计师不应该只做概念设计，带有的超而应该着眼于设计的实现性把GIS分成专题地理信息系统、属性区域地理信息系统与地理信息系统工具是按()进行区分。下面关于GIS数据的描述，标签错误的是()。锚点“移植”是一种联想思维的方法链接链接抄袭是一种恶意模仿带有的超GIS区别于其他信息系统的一个显著标志是()。对于闹钟来说，属性要容易关...
锚点链接（HTML）
Baiyi_destroyer的博客
04-07 3290
练习 练习 练习 练习 练习 练习 练习
html5 - 超链接基础和锚点
热门推荐
li5685918的博客
12-08 1万+
超连接就是打开另外一个页面，可以是本地的，也可以是网页，也可以通过图片来打开。 一：基础超链接 超连接 超连接网址 链接到本地 发邮件 下载,可以指定文本和图片 二：认识target属性，默认是在当前页面打开。如果想在新的页面打开，需要设置target="_blank" 打开新窗口 三：锚点链接，所谓锚点链接就是在同一个页面跳到指定
a链接　路径　锚点
weixin_34218579的博客
01-21 213
2019独角兽企业重金招聘Python工程师标准>>> ...
jquery html锚点链接_a标签当前页面锚点_a标签锚点
11-24
首先，`<a>`标签是HTML中用于创建链接的基本元素，它通常与`href`属性一起使用，指向其他网页或文档。然而，当`href`属性值以`#`开头时，它就变成了一个内部链接，也称为锚点链接。这种链接可以用于页面内的导航，...
详解Html a标签中href和onclick用法、区别、优先级别
08-31
综上所述，`href`和`onclick`在`<a>`标签中分别负责链接跳转和JavaScript交互。在设计交互时，要根据需求选择合适的属性，并注意事件处理的顺序和阻止默认行为，以确保在不同浏览器中保持一致的行为。在需要传递`...
a标签的href和onclick 的事件的区别介绍
09-05
总结起来，`href`和`onclick`在`<a>`标签中的主要区别在于： 1. `href`定义链接的目标，负责页面间的导航。 2. `onclick`是JavaScript事件，允许在点击时执行自定义的JavaScript代码。 3. 在`onclick`和`href`同时...
a标签 实现链接跳转
weixin_52971957的博客
12-06 2874
a标签 实现链接跳转 <a> 标签定义超链接，用于从一张页面链接到另一张页面。 <a> 元素最重要的属性是 href 属性，它指示链接的目标。 在所有浏览器中，链接的默认外观是： 未被访问的链接带有下划线而且是蓝色的 已被访问的链接带有下划线而且是紫色的 活动链接带有下划线而且是红色的 <a href="http://taobao.com">去淘宝</a> 运行
超链接和锚点
yxq2016
03-08 500
1、连接到网络资源 跳转到百度主页 target 的类型有 _blank _top _self __parent href 的类型 “file ftp http news telnet gopher” 发邮件的超链接写法 点我发邮件 2、锚点 设置锚点锚点 跳转到锚点
利用a标签锚点定位实现切换页面的部分内容
最新发布
榕城候佳人的博客
10-27 1067
最近在做一个数据可视化大屏的作业，其中需要实现点击不同的按钮，大屏中间内容呈现不同的数据分析图表，页面其他部分不发生改变。之前考虑过复制多个页面然后改变中间的页面，但是这样会导致文件冗余，而且由于静态文件放在不同的文件夹，所以每个复制的页面都要调整文件路径！废话不多说先看代码。不过核心就是下面这句话：把所有要切换的内容放在一个大的div里面，然后用对应的div放对应的要切换的页面，每个div设置一个id。（当然也有一些用js实现的，但是我还么学，所以只能用这个了，而且这个也是非常方便相较于js）
＜a＞标签锚点
weixin_44136242的博客
07-22 303
跳转到其它页面的指定锚点： <a href="test.html#a">查看test页面的a内容</a> ---------------------- 也可以用a标签的name属性： <ul> <li><a href="#C1">第一章</a></li> <li><a href="#C2">第二章</a></li> <li><a href="#C3"&
css中a标签锚点、内部样式引入详解，css语法简单介绍
weixin_69474694的博客
07-23 2374
css中a标签锚点、内部样式引入详解，css语法简单介绍。
HTML5中a标签的锚点使用
weixin_30642561的博客
07-18 1127
前几天有个用户问我关于在线手册功能里的锚点问题。因为他通过代码发现，在编辑手册内容时，锚点的设置是通过id选择器来制定的，而不是带有name属性的a标签。其实这是HTML5和HTML4(XHTML)等之前版本之间的一个差异，也可以说是一个升级改进。本文我们一起来分享学习下HTML5中是如何实现锚点链接的以及与HTML4相比，做了哪些改进和优势。 HTML4锚点链接实现示例： &...
a标签锚点链接
Ice__wine的博客
11-02 862
<a href="#one">one</a> <a href="#two">two</a> <a href="#three">three</a> <div id="one">oneone</div> <div id="two">two</div> <div id="three">three</div> div{ width:100%; height:500px
【vue+a链接动态锚点】监听滚动事件，实现动态锚点。左侧菜单列表，右侧内容区，点击快速定位+滑动到对应内容区高亮对应菜单项
花椒和蕊的博客
04-21 3789
这个效果花了两天的时间，终于实现 ，可以点击快速定位，也可以滑动左侧对应高亮 主要用到a标签的动态锚点，scrollIntoView方法，监听元素的滚动事件 1、a标签的动态锚点 实现方式以我理解的如下： 通过a标签的href属性与其他元素（如div）的id相对应，给a链接加点击事件，让点击的id等于容器的id，实现“id”定位,因为用了div包裹a标签 并且for循环，所以好像不用写href属性，有key就行了。 因为项目里大量使用此功能，为了方便，所以把左侧菜单列表进行了封装，其实也可以都写在父组件中
a标签锚点位置偏移
weixin_44066703的博客
03-09 1547
a标签的链接里加上#，div中给个id，名字需要一样，这样就能达到页面跳转效果，即锚点。 <a href="#form">锚点</a> <div id="form">表格</div> 但有时默认的跳转位置与自己需要该锚点到达的位置有所偏移，这时就可以用js调整一下： $('a').click(function () { var target = $(this).attr('href'); // target获取的是a标签里的链接 $('h
关于 HTML <a> 标签的问题
06-07
好的，HTML <a> 标签通常用于创建链接，使用户能够在网页上从一个页面跳转到另一个页面或在同一页面内的不同部分之间进行导航。以下是一些关于 HTML <a> 标签的常见问题和答案： 1. 如何使用 <a> 标签创建一个链接...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值