html中的锚点

最新推荐文章于 2024-07-26 14:14:21 发布

Adrian503

最新推荐文章于 2024-07-26 14:14:21 发布

阅读量575

点赞数

分类专栏： HTML 文章标签： anchor 锚点

本文链接：https://blog.csdn.net/Adrian503/article/details/48755573

版权

HTML 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

锚点

当我们设计的是一个很长的页面，想要浏览其中的某一个的内容，寻找起来就比较麻烦，要想解决这个问题，我们可以在我们想要浏览的地方定义几个锚点，锚点可以理解为书签。

我们可以使用a标签的name属性来完成锚点的定向功能。

<!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>锚点</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
    <body>
    	<a href="#p2">锚点p2</a>
    	<a href="anchor.html#p2">锚点p3</a>     //其他页面：本页面的地址+ #p2
    	<a name="p1"></a>
    	<p>p1</p>
    	<br /> //n多行

    	<br />   	    	   	 		
    	<a name="p2"></a>
    	<p>p2</p>
    	<br />//n多行
    	<br />
    	<br />
    	<br />
    	<br />
    	<br /> 
    
    </body>
</html>