网页中超级简单的锚点编写技巧

 我来答
世纪网络17
2022-06-09 · TA获得超过5944个赞
知道小有建树答主
回答量:2426
采纳率:100%
帮助的人:141万
展开全部

其实锚点是啥?看下面的图就知道啦(^_−)☆

我用红笔圈出来的就是所谓的锚点。当用户点击1的时候,就会此兄跳转到下面的地方

那么下面讲解一下如何在自己的网站中制作锚点。

  锚点的作用就是当用户点击了相应的数字,就会跳转到页面底部相应的解释。有点类似于对某件事情的解释说明或者是对某件事情的详细链接等等。那么制作锚点要明白两个思路,一是 锚点放在哪里 ,二是 点击了之后如何跳转到相应的地方

①位手扒慧置
  在段落中找到需要放置锚点的地方,然后用a标签包住,a标签中的链接地址为要写成“#名字”的形式,最后用sup/sub来设置锚点是上浮还是下浮。
例如:

[1]是用了sup表示的上浮,[2]是用了sub表示的下浮

②跳转
  跳转的地方是结构相似的,所以可以使用 列表ul>li 来设置。li的内容是一个链接,所以用 a标签来包裹毕答 。那么重点来了,为了确保点击和跳转是一一对应的关系,我们需要将跳转处的a标签设置 name值 ,这个值就是上面点击处的地址名字。
例如:

这里的a标签中的name值是1,和上面a中的href值是一一对应的关系。

  如果当你写成我这样的时候,是没有办法实现跳转的,因为1和2在同一个屏幕上,只有当内容足够多时,才会跳转。所以如果想要看跳转的效果,就复制多点1的内容,让当前的页面出现滚动条即可。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式