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

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

创新互联建站是一家集网站建设,钟山企业网站建设,钟山品牌网站建设,网站定制,钟山网站建设报价,网络营销,网络优化,钟山网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

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

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

链接名

链接地址

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

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

创建以下HTML文件

代码如下

Anchor.html

    


  区域1

  区域2

  区域3

  

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

说明：

在上面所说的代码中

区域1

点击会链接

区域1

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

运行结果

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

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

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

注意：

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

    


  区域1

  区域2

  区域3

  

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

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