你好,欢迎访问我的博客!登录 VIP视频 领券购物 免责声明 投稿本站 本站主题
当前位置:首页 - 笔记 - Web前端 - 正文 君子好学,自强不息!

HTML网页中的锚(书签)链接..

2016-12-01Web前端墨初1100°c
A+ A-

如果网页中的内容过多,会使得网页变长,在浏览网页的时候,就需要不停的拖拽网页非常的麻烦。而如果我们要在一个内容多的长网页中寻找一部份需要的内容,那显得更加的麻烦和繁琐。当然针对这种情况,HTML标记语言方给我们提供了一个很好的解决方法——HTML中的锚(书签)链接。

要建立一个锚(书签)链接,需要两个步骤。首页要建立锚点也就是书签,二是为锚点(书签)建立超链接

建立锚点(书签)

要想实现网页内容的引导和跳转,首先需要在跳转到的内容里加入一个锚点,也就是书签。这里我们可以把锚点(书签)当然一本书中你所要查找的内容页的页码。

语法:

<a name="锚点的名称"></a>

解释:上面语法中的“锚点的名称”也就是你所建立的锚点的一个代号,就像书本中每一页中的页码一样,可以很方便的通过它查找你所需要的内容。

实例代码:

<a name="mochu">这里可以是链接到的内容</a>

建立超链接

在一本书中是少不了目录的,我们可以通过目录很方便的查找到目录所指示的内容。锚链接也一样,我们要为它建立的锚点加入一个超链接才能实现页面内容的跳转。

语法:

<!--同一页面-->
<a href="#链接的锚点名称">链接文字</a>
<!--不同页面-->
<a href="页面的URL#链接的锚点名称">链接文字</a>

例子:

<!--同一页面-->
<a href="#mochu">链接文字</a>
<!--不同页面-->
<a href="http:feiniaomy.com#mochu">链接文字</a>

注意:在为锚点(书签)创建的链接中的锚点(书签)名的前面一定要加入“#”符号,那样浏览器才会认为这是一个锚点的链接,否则会出现错误

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
QR:  HTML网页中的锚(书签)链接..

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。


  登录