html中锚点定位

最新推荐文章于 2023-08-25 16:49:23 发布

「已注销」

最新推荐文章于 2023-08-25 16:49:23 发布

阅读量282

点赞数

分类专栏： html语言文章标签： html 锚点定位

本文链接：https://blog.csdn.net/u011120364/article/details/84693141

版权

html语言专栏收录该内容

1 篇文章 0 订阅

订阅专栏

测试含有两个html文件:html1.html和html2.html

html1.html

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>html1</title>
 </head>
	<body>
		<a href="#a1">go html1 a1</a><br/>
		<a href="#a2">go html1 a2</a><br/>
		<a href="html2.html#a1">go html2 a1</a><br/>
		<br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
		<a name="a1">html1 a1 text</a><hr/>
		<a name="a2">html1 a2 text</a>
		<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/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
	</body>
</html>

html2.html

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>html2</title>
 </head>
 <body>
	<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/><br/><br/><br/>
	<br/><br/><br/><br/><br/>
	<a name="a1">html2 a1 text</a><hr/>
	<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/><br/><br/><br/>
	<br/><br/><br/><br/><br/>
 </body>
</html>

解释:

href="#a2":表示跳到本页 name属性值为"a2"的位置.

href="html2.html#a1":表示跳到html2.html页name属性值为"a1"的位置