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>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)