HTML 锚点

您所在的位置:网站首页 菜鸟教程html表格 HTML 锚点

HTML 锚点

#HTML 锚点| 来源: 网络整理| 查看: 265

HTML 视频(Video)播放HTML 链接 HTML 锚点

当一个html网页内容很长的时候,用户在浏览这个网页的时候可能会有些不方便,比如已经滚动到了底部之后想返回到顶部,那么只能拖动滚动条到顶部(或者刷新页面,但这个做法体验不好),效果比较好的方法就是设置锚点来处理这个问题,实现页内或跨页跳转

示例演示锚点          基础教程(cainiaojc.com),锚点设置      去底部     这里演示如何跳转到页面头部和底部     回到顶部测试看看 ‹/›如何设置锚点

(一)、页面内跳转设置方法一:

设置一个锚点链接去找喵星人;(注意:href属性的属性值最前面要加#)

在页面中需要的位置设置锚点;(注意:a标签中要写一个name属性,属性值要与[1]中的href的属性值一样,不加#)标签中按需填写相应的文字,一般不写内容。

(二)、页面内跳转设置方法2:

设置一个锚点链接去找喵星人;(注意:href属性的属性值最前面要加#)

设置锚点的位置  喵星人基地;在要跳转到的位置的标签中添加一个id属性,属性值与①中href的属性值一样,不加#  

    注意:方法二不用单独添加一个a标签来专门设置锚点 ,只在需要的位置的标签中添加一个id即可。

         锚演示-基础教程(cainiaojc.com)              去找喵星人         去找汪星人         其他萌物               喵星人基地     

喵喵喵~

    

喵喵喵~

    

喵喵喵~

    

喵喵喵~

    

喵喵喵~

    

喵喵喵~

              

汪汪汪~

    

汪汪汪~

    

汪汪汪~

    

汪汪汪~

    

汪汪汪~

    

汪汪汪~

         

萌萌萌~

    

萌萌萌~

    

萌萌萌~

    

萌萌萌~

    

萌萌萌~

    

萌萌萌~

测试看看 ‹/›HTML 视频(Video)播放HTML 链接


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3