<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>錨點案例(錨點又叫命名錨記)</title>
<link rel="stylesheet" type="text/css" href="inputAndDiv.css">
</head>
<body style="background-color: #CCE8CF;">
<h1>錨點案例(錨點又叫命名錨記)</h1>
<a href="#foot">去foot</a><br /><br />
想要定位到錨點，可以使用A標籤的name屬性，也可以使用A標籤的id屬性<br /><br />
<a href="#linghuchong">通過id屬性,定位到令狐沖位置</a><br /><br />
<a href="#linghuchong2">通過name屬性,定位到令狐沖位置</a><br /><br />
<a id="top">top</a><br /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<a id="linghuchong" name="linghuchong2">令狐沖</a><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<a name="foot">foot</a><br /><br />
<a href="#top">去top</a>
</body>
</html>
如果你想要定位到其他頁面的錨點的話，可以寫成<a href="url#a元素的id屬性值">定位到其他頁面的錨點</a>
具體寫法：<a href="p2.html#linghuchong">定位到p2.html頁面的錨點</a>
注意：在web開發中，比如jsp頁面，我們可能會在jsp頁面中傳參數，比如：list.jsp?name=jack&age=12&salary=267
如果遇到jsp頁面傳參數，並且還要定位錨點怎麼辦？比如：list.jsp?name=jack&age=12&salary=267#linghuchong這種寫法可行嗎？會不會有衝突呢？大家可以去測試一下！
比如：
list.jsp?name=jack&age=12&salary=267#linghuchong
和
list.jsp#linghuchong?name=jack&age=12&salary=267
這兩種寫法都可以去測試一下，看一下有什麼問題？