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

た入场券 2022-04-17 02:08 258阅读 0赞

一、<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>

发表评论取消回复

表情：

评论列表（有 0 条评论，258人围观）

还没有评论，来说两句吧...

相关阅读

相关 a标签锚点的用法 jq的用法补充

![1712762-20190822170752218-173834268.png][] 二，字符才能一旦被声明，就不能改变，改变它的唯一方法，复制将其覆盖； ![l

谁践踏了优雅/ 2023年08月17日 16:11/ 0 赞/ 40 阅读

相关 a标签里面设置onclick_【HTML】4 列表标签、锚点标签

![1b5ac18236731d73ee808e82210f8bb2.png][] 1、列表标签列表就是用来布局的，列表最大的特点就是整齐、整洁。列表分为三大类：

梦里梦外;/ 2023年01月05日 12:23/ 0 赞/ 158 阅读

相关解决a标签锚点跳转内容滚动过长问题

通常一些文章的标题会添加锚点跳转，但是，点击之后要跳转的标题一般会被盖住，解决这个问题只需要添加一条css样式即可 body { height: 400

àì夳堔傛蜴生んèń/ 2022年12月24日 15:58/ 0 赞/ 99 阅读

相关点击tab项，吸顶效果借用a标签锚点方法

点击tab项，吸顶效果借用a标签锚点方法，在小程序里无效果 <template> <div class="hello"> <!-- 二级

r囧r小猫/ 2022年12月23日 07:27/ 0 赞/ 147 阅读

相关链接<a>标签

标签a一共有四个状态 hover 鼠标悬停在链接的状态 visited 链接被访问后的状态 active 链接被按下的时候的状态 link

末蓝、/ 2022年08月05日 05:26/ 0 赞/ 170 阅读

相关 a标签跳转锚点到页面指定位置

代码如下： JS方式: <!DOCTYPE html> <html> <head> <meta charset="utf-

淩亂°似流年/ 2022年07月12日 06:21/ 0 赞/ 351 阅读

相关 a标签，相对地址，绝对地址，锚点技术

转载：http://blog.csdn.net/ting22055/article/details/45752013 a标签（链接标签）形式：

柔光的暖阳◎/ 2022年05月30日 00:05/ 0 赞/ 204 阅读

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

一、<a>标签链接到<a>锚点可以使用name属性或者id属性 1、name <body> <a href="\cc">ccccc</a> </br></br><

た入场券/ 2022年04月17日 02:08/ 0 赞/ 259 阅读

相关点击其他a标签原a标签恢复

假设有3个a标签，当点击第一个标签时，标签是一种颜色，不点击时，保持点击后的颜色，但点击其他a标签，该标签恢复颜色。 css: a{ text-d

我不是女神ヾ/ 2021年11月01日 15:10/ 0 赞/ 543 阅读

相关 Vue锚点链接

锚点链接是我们在开发中经常会用到的一个技术点，常见的常见有，页面内容过多，而我们不希望拿鼠标一直来回滚动，就需要用到锚点链接，以 " 目录 " 的方式来进行对应的跳转。而在

心已赠人/ 2021年09月18日 20:18/ 0 赞/ 449 阅读