HTML如何设置页面内链接的跳转-创新互联

小编给大家分享一下HTML如何设置页面内链接的跳转，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

创新互联公司专注于企业全网营销推广、网站重做改版、集安网站定制设计、自适应品牌网站建设、成都h5网站建设、购物商城网站建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为集安等各大城市提供网站开发制作服务。

什么是锚点链接？所谓锚点链接就是创建一个链接，以便在页面长度较长时跳转到指定位置，简而言之就是页面内通过链接跳转。 HTML如何设置页面内链接的跳转

首先我们来看一下HTML中链接的书写格式

链接名

链接地址

将链接名称的id设置为跳转位置的元素。

接下来我们来看具体的示例

创建以下HTML文件

代码如下

Anchor.html





    


  区域1

  区域2

  区域3

  
  区域1
  内容 
  区域2 
  内容 
  区域3 
  内容

说明：

在上面所说的代码中

区域1

点击会链接

区域1

这样在页面内就会跳转到相应的位置。

运行结果

执行上述HTML文件将显示如下效果

HTML如何设置页面内链接的跳转

单击页面中的区域1链接，就会在页面中进行跳转，区域1将会显示在屏幕顶部。

HTML如何设置页面内链接的跳转

同样的，如果你点击了区域2和区域3时也会出现相同的效果。

注意：

跳转的id即使不是a标签的也可以使用，下面的代码展示了将div标记的id指定为跳转目标时的代码。





    


  区域1

  区域2

  区域3

  
  区域1
  内容 
  区域2 
  内容 
  区域3 
  内容

看完了这篇文章，相信你对HTML如何设置页面内链接的跳转有了一定的了解，想了解更多相关知识，欢迎关注创新互联网站制作公司行业资讯频道，感谢各位的阅读！

分享文章：HTML如何设置页面内链接的跳转-创新互联
分享链接：http://cqcxhl.cn/article/ccsccs.html