DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver入門 >> 錨點是什麼?錨點的使用
錨點是什麼?錨點的使用
編輯:Dreamweaver入門     

  1:錨點是什麼?

  錨點也可以理解成為一種超級鏈接,只不過它是網頁內部的超級鏈接(注意不是網站內部)。

  比如我們有一個網頁很長很長,而且裡面的內容,可以分為N個部分。這樣的話,我們就可以在網頁的頂部設置一些錨點,這樣便可以方便浏覽者點擊相應的錨點,到達本頁內相應的位置,而不必在一個很長的網頁裡自行尋找。

  2:錨點的使用。

  錨點從代碼上看,仍然是超級鏈接的一種應用。

  <a name="A1" id="A1"></a>這樣的一個無內容的<a>標簽,便是一個錨點了,我們可以把它放在網頁中<body& amp; gt;與</body>之間的任意位置。當然,究竟放在哪個位置,就要看我們的實際需要了。

  下面舉一個例子:

  < !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=gb2312" />

  < title>錨點示例</title>

  < /head>

  < body>

  < a name="A0" id="A0"></a>

  < a href="#A1">網頁第一部分</a>

  < a href="#A2">網頁第二部分</a>

  < div style="height:900px; background:#CCCCCC"></div>

  < a name="A1" id="A1"></a>1<a href="#A0">返回頂部</a>

  < div style="height:900px; background:#999999"></div>

  < a name="A2" id="A2"></a>2<a href="#A0">返回頂部</a>

  < div style="height:900px; background:#666666"></div>

  < /body>

  < /html>

  另外再說一下,<a name="A0" id="A0"></a>中的name與id,可以只使用一個,但某些情況下,只是用name會造成錨點無效的錯誤。建議還是name與id同時使用。

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