html web页面锚点的设置

来源：互联网发布：最新网络术语编辑：程序博客网时间：2024/05/16 10:48

html页面锚点的设置

一、锚点是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。要想在页面中设置锚点就要用到a(anchor的缩写)标签了。

二、超链接标签常见的属性：

1，href：用于链接到某个资源

2，target:表示目标，我们在打开一个页面时，是要新窗口打开还是在当前窗口打开，或是在框架中打开，就取决于这个属性，常见的属性值有两个： _blank 表示在新窗口中打开 _self 表示在当前窗口中打开(默认）

3，title: 当鼠标放到链接上时，显示出title对应的属性值（内容）

4，name: 用于设置锚点

三、常见的几种锚点设置

1、设置返回顶部的锚点 // a标签内设置name属性为#或者#top，即可点击返回页面的顶部

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body><p>你好</p><p>你好</p><p>你好</p>......//<a href="#">返回顶部</a>  <a href="#top">返回顶部</a></body></html>

2、设置跳转到任意指定的标签或者文档处

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body><p>你好</p><div id="app" style="width:100px;height:100px;background-color:orange">你好</div><p>你好</p><p>你好</p><p>你好</p><p>你好</p>......<a href="#app">跳到指定的标签处</a></body></html>

阅读全文

1 0