HTML 锚点

HTML 锚点

HTML 视频(Video)播放HTML 链接

HTML 锚点

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

示例演示锚点示例

基础教程(cainiaojc.com),锚点设置

去底部

这里演示如何跳转到页面头部和底部

回到顶部测试看看 ‹/›如何设置锚点(一)、页面内跳转设置方法一:

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

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

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

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

设置锚点的位置

喵星人基地

;在要跳转到的位置的标签中添加一个id属性,属性值与①中href的属性值一样,不加#

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

示例

锚演示-基础教程(cainiaojc.com)

喵星人基地

喵喵喵~

喵喵喵~

喵喵喵~

喵喵喵~

喵喵喵~

喵喵喵~

汪汪汪~

汪汪汪~

汪汪汪~

汪汪汪~

汪汪汪~

汪汪汪~

萌萌萌~

萌萌萌~

萌萌萌~

萌萌萌~

萌萌萌~

萌萌萌~

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

相关推荐

365bet游戏下载网站 为什么国内iOS17唤醒Siri还得用嘿Siri
365app下载登录 细说汉字:衍

细说汉字:衍

📅 09-18 👁️ 8735
365app下载登录 如何在Word文档中插入空白页 空白页的插入方法【详解】