DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 網頁制作教程:a標簽的name屬性和id屬性實現頁內跳轉
網頁制作教程:a標簽的name屬性和id屬性實現頁內跳轉
編輯:HTML和Xhtml     

以前只知道用a標簽的name屬性來跳轉,今天才知道還可以用id。
不知道還有沒有其他的方式。name可以有重復多個,id只能用一次,當然,如果你不打算遵守規范,用幾次都行。
demo如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
  <title>Demo--頁面內跳轉</title>
 
  <style type="text/css">
 
  .div1{height:400px;background:gray}
 
  </style>
 
</head>
 
<body>
 
  <a href="#jump1">頁內跳轉演示1——A標簽href="#jump1"</a><br _fcksavedurl=""#jump1">頁內跳轉演示1——A標簽href="#jump1"</a><br" /><a href="#jump2">頁內跳轉演示2——A標簽href="#jump2"</a>
 
  <div class="div1"></div>
 
  <p id="jump1">頁內跳轉演示1——任意標簽id="jump1"</a>
 
  <div class="div1"></div>
 
  <a name="jump2">頁內跳轉演示1——A標簽name="jump2"</a>
 
  <div class="div1"></div>
 
</body>
 
</html> 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved