`
l万lin
  • 浏览: 28733 次
  • 性别: Icon_minigender_1
  • 来自: 江西
社区版块
存档分类
最新评论

html中锚点定位

阅读更多

测试含有两个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>

 

 

解释:

<a href="#a2">go html1 a2</a><br/>

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

<a href="html2.html#a1">go html2 a1</a><br/>

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

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics