html—用a实现网页内部跳转

html—用a实现网页内部跳转,第1张

1.将链接的 href 属性值设置为一个哈希符号 # ,再加上你想内部链接到的元素的 id,通常是在网页下方的元素。

2.将相同的 id 属性添加到你链接到的元素中。

注:id 是描述网页元素的一个属性,它的值在整个页面中唯一。

当用户点击了 Contacts 链接,页面就会跳转到网页的 Contacts 区域

点击“Jump to Bottom”之后,跳转到页脚“Copyright Cat Photo App处”:

注:footer为页脚标签,实现页面内跳转同时需要在footer标签中进行如下更改:

页内跳转,一般使用锚点标记和 Name(名称)属性 。

name属性用来命名锚点,创建已命名的锚点. 我们可以使用命名了的锚点, 直接跳到一个网页中的指定部分处. 避免用户上下拖动鼠标, 在页面上苦苦寻找.

下面是一个命名锚点的语法:

<a name="label">Text to be displayed</a>

name属性用来创建一个已命名锚点. 锚点的 name(名称)属性的值可以是任何文本, 也就是可以自由设置它的名字,如同css的class命名一样。

下面一行定义了一个已命名锚点:

<a name="tips">有用的提示</a>

一个命名了的锚点并不以特别的方式显示, 与没有命名的锚点显示相同。

为了直接链接到 "tips" 部分, 在URL后面, 添加一个 # 和一个锚点名, 例如:

<a href="/sl.html#tips">跳到有用的提示部分</a>

在文件 "sl.html"内部, 对“有用的提示”部分的超级链接, 是下面这样的:

<a href="#tips">跳到有用的提示部分</a>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6121042.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存