超链接a标签另一个常被使用的功能：锚点（name和#）

最新推荐文章于 2024-07-05 20:20:47 发布
最新推荐文章于 2024-07-05 20:20:47 发布
阅读量1.5w 收藏 5
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weisubao/article/details/43448413
版权

（1）超链接用的最多，但是超链接中锚点也是被用的较多的一个功能。

——先需要被跳转到的地方放一个锚点。锚点其实也是一个a标签，只是这个a标签没有href属性，只有name属性，这个name属性就是它的标识，别人要跳转过来，就是按照这个标识。

<p><a name="chapter3">第三章</a></p>

——然后点击超链接的地方，写这个锚点即可，前面是#符号。 

<a href="#chapter3">第三章</a>
——这也是我们在很多时候发现网址后面会有#ad之类的符号，如：http://www.36kr.com/p/219420.html#ad，这里的#就是一个锚点。

——一般使用在活动页面中、常见问题页面中。


（2）发邮件的链接，使用的还是蛮多的，很多网站都有。但是貌似直接点击的人很少。一般都是复制这个邮件地址，然后打开自己的邮箱写邮件，而不是直接点击。

<a href="mailto:wwwwwww@163.com">邮件给我</a>

喂-不吃素的熊宝宝
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
（9）在链接<a></a>标签中写#会跳到页面上边去，为了防止，可用js写法
虚心求学_一点一滴
05-25 1149
使用javascript:; <!-- -->  链接
超链接标签 a （锚点链接）
qq_45405176的博客
05-21 6620
超链接标签 < a > 在HTML标签中，< a >标签用于定义超链接，作用：从一个页面链接到另一个页面。 链接的语法格式 <a href="https://www.bilibili.com/video/BV13g4y1B7LX" target="目标窗口的弹出方式">好看的电脑壁纸</a> 属性 作用 href 用于指定链接目标地址（必须属性），当为标签应用href属性时，他就有了超链接的功能 target 用于指定链接页面的打开方
a标签 作为锚点定位实例
jason156的专栏
01-23 374
<!DOCTYPE html> <html lang="en"> <head> <title></title> <meta charset="utf-8"> </head> <body> <div id="demo1" style="width: 100px; height: 100...
HTML【详解】超链接 a 标签的四大功能（页面跳转、页内滚动【锚点】、页面刷新、文件下载）
最新发布
朝阳39的博客
07-05 681
访问接口，返回文件流进行下载时，也会用到！
a标签锚点链接
Ice__wine的博客
11-02 867
<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
超链接部分：锚元素、绝对/相对/电邮链接、区段标识符
weixin_30470857的博客
07-21 215
1.锚元素（anchor element) -定义了一个超链接，指向任意想要的另一个网页或者文件 -<a href="目的地URL">本网页对该链接的描述</a> 　　如使用target="_blank"，可在新浏览器窗口或新标签页中打开网页 -在HTML5中，block anchor是锚标记的新功能，能够将一个或多个元素（包括作为块显示的，如div\h1或段落）配...
HTML超链接a标签_动力节点Java学院整理
09-28
这个标签被称为“锚”（anchor），因为它像锚一样将一个页面固定链接到另一个页面上。 超链接不仅仅是用于文本，还可以用于图片或其他多媒体元素，使得几乎任何网页内容都可以成为链接的载体。通过在<a>标签内部放...
div+css A标签锚点功能.zip
11-17
在网页设计中，`div` 和 `css` 是构建页面结构和样式的重要工具，而 `A` 标签则是HTML中的一个基础元素，用于创建超链接。本压缩包"div+css A标签锚点功能.zip"很显然是围绕如何利用这些技术实现页面内部跳转和锚点...
微信小程序实现超链接锚点跳转
04-04
而锚点则是网页内部的一个定位点，通过`<a>`标签的`name`或`id`属性定义，使得超链接能够精确地跳转到页面的某个特定位置。 在微信小程序中，由于没有传统HTML的`<a>`标签，我们需要使用小程序提供的`<navigator>`...
XHTML中的超链接标签使用教程
09-28
超链接是网页制作中不可或缺的一部分，它使得网页之间的信息交互成为可能。在XHTML中，超链接是通过`<a>`标签来实现...正确使用`href`、`target`和`name`等属性，可以使超链接功能更加完善，为用户提供更加便捷的导航。
HTML中的超链接标签使用教程
09-28
锚点是页面内部的跳转点，通过`<a>`标签的`name`属性实现。例如： ```html <a name="section1"></a> ... 在页面的其他地方 <a href="#section1">回到顶部</a> ``` 当用户点击“回到顶部”链接时，页面会滚动到名为...
html-a标签锚点链接篇（易忘）
qq_49445069的博客
07-19 342
页面内跳转，锚点链接 锚点链接 盒子1 盒子2 盒子3 盒子4 盒子1 盒子2 盒子3 盒子4
a标签 锚点实现超链接
码上行动
09-10 512
锚点demo什么是锚点：1、实现效果：2、代码展示：总结 什么是锚点： 就是当页面内元素过长时，能快速定位到指定元素位置 需要目标元素的name或id属性和a标签的href相对应即可； 注：href="#目标元素的name或id名" 1、实现效果： 锚点 这里是顶站的锚 第1任 第2任 第3任 第4任 第5任 第6任 美国历任总统 ● 第1任(1789-1797) 姓名：乔治·华盛顿 George Washington 生卒：1732-1799 政党：联邦 ● 第2任(1797-1801)
超链接a标签及锚点
m0_47146894的博客
08-16 174
代码】超链接a标签及锚点。
HTML 超链接标签<a>、锚点
七七的博客
03-04 1353
在HTML标签中，< a>标签用于定义超链接,作用是从一个页面链接到另一个页面。 链接的语法格式 <a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a> 单词anchor [’ aenke()]的缩写, 意为:锚。 两个属性的作用如下: 属性 作用 href 用于指定链接目标的url地址，(必须属性) 当为标签应用href属...
超链接<a>
Qianzhihe1128的博客
08-20 710
超链接的基础语法：《a href=”” target=”打开方式” name=”页面锚点名称”》链接文字或者图片《/a》 属性： 1.href：链接的地址，可以是一个网页也可以是一个视频，图片，音乐等。 2.target：target的属性值有4种，分别是 _blank（在一个新窗口种打开链接）；；_seif（默认值，在当前窗口中打开链接）；；_parent（在父窗口中打开页面）；；_t
<a href="#"
waj89757的专栏
12-06 1084
#在URL格式中是表示页内锚点的意思，也就是说点击这个链接后，页面会跳到当前页面指定的锚点（或者说“书签”）处。比如在网页的某个地方有个这样的标签： 那么在页面的其他地方只要放一个这样的链接： 回到hello处 只要点击这个链接，页面就会跳到上述标签处。 如果url中用了#但又未指定锚点名称，那么就是跳到当前页面的最顶端，比如： 顶端 这也是一般页面“回到顶端”功能的实现方法。
链接中name属性的用法
crystalheting的博客
12-18 1305
链接中name属性的用法 name属性实现百度百科中常见注释作用： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>name</title> </head> <body> &nbsp;&am...
HTML锚点的id属性和name属性
Dominic_W的博客
01-24 2249
很简单的知识点，一看就知道怎么用。 很早以前了，初学HTML的时候就看到的锚点这个功能，但是一直没有使用过，最近在给公司做官网的时候用到了锚点，顺手记录一下。 // a.html <a href="#one">点击跳转到第一个锚点</a> <a href="b.html#two">点击跳转到第二个锚点</a> // a.html <div id="one">第一个锚点</div> // b.html <a name="two"
给我一个各种类型列表及CSS控制列表属性、超链接、锚点链接、超链接相关的CSS伪类的网页代码
05-24
以下是一个简单的例子，展示了各种类型列表及CSS控制列表属性、超链接、锚点链接、超链接相关的CSS伪类的网页代码： ```html <!DOCTYPE html> <html> <head> <title>List and Link Example</title> <style> ul { list-style-type: none; margin: 0; padding: 0; } li { padding: 10px; border-bottom: 1px solid #ccc; } a:link, a:visited { color: blue; text-decoration: none; } a:hover, a:active { color: red; text-decoration: underline; } .anchor-link { margin-top: -50px; padding-top: 50px; display: block; position: absolute; } </style> </head> <body> <h1>List and Link Example</h1> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> <p><a href="#anchor">Jump to Anchor Link</a></p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis, odio ac dapibus facilisis, elit leo hendrerit arcu, a suscipit diam diam sed dolor. Sed eget lectus eros. Donec vel ex tincidunt, suscipit enim vitae, bibendum urna. Cras in mauris euismod, congue nibh ac, consectetur lorem. Proin nec viverra augue. Aliquam lobortis, nibh in vehicula lacinia, enim diam imperdiet ipsum, ac rhoncus orci quam eget purus. Donec euismod ante nec enim malesuada, at feugiat dolor posuere. Pellentesque ac quam molestie, pharetra ante eu, hendrerit augue.</p> <a name="anchor" class="anchor-link"></a> <h2>Anchor Link Example</h2> <p>Ut in risus sagittis, pretium quam vel, suscipit augue. Nullam quis venenatis nunc. Fusce accumsan tincidunt dapibus. Sed iaculis, velit eget gravida lobortis, dui turpis vestibulum purus, eget venenatis felis quam eget magna.</p> </body> </html> ``` 这个例子包括一个无序列表、超链接、锚点链接以及相关的CSS样式。其中，`list-style-type`属性控制列表符号的样式，`margin`和`padding`属性控制列表项的内外边距，`a:link`和`a:visited`控制未访问和已访问链接的颜色和文本修饰，`a:hover`和`a:active`控制鼠标悬停和点击链接时的颜色和文本修饰，`class="anchor-link"`和`<a name="anchor">`用于创建锚点链接。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值