您的位置：首页 > Web前端 > HTML

html中<a>标签中锚点的用法

2015-11-15 15:09 627 查看
在html中,<a>标签作为超级链接使用频繁，然后我们在日常浏览网页的时候，经常会看到它的另一种作用--锚点。通俗来说就是给页面的某些位置打上“标记”日后便于寻找。
实际生活中，我们在浏览一个较长的页面时，往往会看一个类似“top”的控件，实际上这就是锚点的作用，当我们触发这个控件时便能回到页面顶部，即回到页面标记的锚点位置。下面看一下具体代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>colajia</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
</head>
<body>
<a href="maodian.html#j1">p1</a>
<a href="maodian.html#j2">p2</a>
<a href="maodian.html#j3">p3</a>
<a name="j1"></a>
<p>p1</p>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a name="j2"></a>
<p>p2</p>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a name="j3"></a>
<p>p3</p>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航