mg不朽情缘4滴血最少多少倍

書名： HTML+CSS+DIV網頁設計與布局（第2版）（微課版）
作者名：聶斌張明遙
本章字數： 1345字
更新時間： 2019-10-23 17:37:38

3.2 錨點

有一種特殊的超鏈接形式，稱為錨點鏈接。如果一個網頁包含的內容很多，要想快速查找網頁中自己感興趣的內容，就不是那么方便了。這時可以通過錨點方便地到達當前頁面的其他位置。

3.2.1 創建錨點

要使用錨點引導瀏覽者，首先要創建頁面中的錨點。創建的錨點將確定鏈接的目標位置。其語法格式如下。

<A NAME="錨點名稱">錨點的鏈接文字</A>

通過錨點名稱可以標注相應的錨點，該屬性是設置錨點必需的。錨點的鏈接文字則有助于幫助用戶區分不同的錨點，在實際應用中可以不設置鏈接文字。這是因為設置的錨點僅僅是為鏈接提供一個位置，瀏覽頁面時并不會在頁面中出現錨點的標記。

3.2.2 鏈接到本頁錨點

如果要鏈接到本頁的命名錨上，只要在<A>元素的HREF屬性中指定錨點名稱，并在該名字前加上“#”字符。錨點的名稱就是3.2.1節中NAME屬性的屬性值。鏈接到本頁錨點的語法格式如下。

<A HREF="#錨點名稱">錨點的鏈接文字</A>

【示例3-4】設置鏈接到本頁的錨點。

01 <HTML> 
02   <HEAD> 
03   <TITLE>命名錨</TITLE> 
04   </HEAD> 
05   <BODY> 
06   <P ALIGN="CENTER">MICROSOFT  軟件最終用戶許可協議</P> 
07     <A NAME="top">目錄</A>：<BR> 
08     <A HREF="#target01">1.  通則</A><BR> 
09     <A HREF="#target02">2.  許可證的授予</A><BR> 
10     <A HREF="#target03">3.  客戶端訪問許可證</A><BR> 
11     <A HREF="#target14">4.  完整協議</A><BR> 
12   <BR> 
13      MICROSOFT WINDOWS SERVER 2003, STANDARD EDITION<BR> 
14   MICROSOFT WINDOWS SERVER 2003, ENTERPRISE EDITION<BR> 
15   <BR> 
16     <A NAME="target01">1.  通則。</A>本《協議》是您（個人或單個實體）與 Microsoft 
Corporation （“Microsoft”）之間達成的法律協議。…… ……<BR> 
17     <A HREF="#top">返回頂端</A><BR><BR> 
18     <A NAME="target02">2.  許可證的授予。</A>如果您遵守本《協議》的所有條款和條件，則
Microsoft 授予您以下權利：<BR> 
19     <A HREF="#top">返回頂端</A><BR><BR> 
20     <A NAME="target03">3.  客戶端訪問許可證（“CAL ”）。</A>“軟件”授權模型包含操作系
統許可證和增量 CAL，因此“軟件”總成本隨使用量而增長。根據您的個人需要，您可以使用幾種 CAL  類型和授權
模式。<BR> 
21     <A NAME="target4">4. 完整協議；可分割性。</A>…… ……<BR> 
22   </BODY> 
23 </HTML>

以上代碼一共設置了5個命名錨，分別為第16～21行的top、target01、target02、target03和target4，單擊第16行的超鏈接時，就會跳轉到第8行這個錨上，如圖3.5所示。

圖3.5　鏈接到本頁錨點運行結果

為了讓讀者更好地了解命名錨，圖3.5中的兩個瀏覽器窗口事實上是同一個窗口。單擊左邊窗口中的“1.通則”超鏈接時，該窗口會自動滾動到“1.通則”命名錨所在區域，如圖3.5中的右邊瀏覽窗口所示。從圖3.5中可以看出，如果只設置了錨元素的NAME屬性，而沒有設置HREF屬性時，瀏覽網頁是看不出任何效果的。

3.2.3 鏈接到其他網頁的錨點

通常單擊一個超鏈接時，都會打開一個網頁，并且默認顯示該網頁的頂端，而不會是網頁的底部，或網頁的其他位置。例如，網頁中有一個超鏈接要鏈接示例3-4中的軟件最終用戶許可協議的客戶端訪問許可證方面的內容，如果直接將HREF屬性值設為3-4.html，那么在瀏覽者單擊超鏈接時，看到的只是該網頁的頂部，瀏覽者還要自己尋找客戶端許可證在哪個位置，十分不方便。

要想打開一個網頁，并且顯示網頁的某個區域，就必須創建命名錨。使用<A>元素的NAME屬性可以在網頁上設置鏈接到其他網頁的錨點，其語法格式如下。

<A HREF="頁面地址#錨點名稱">用于鏈接錨點的文字</A>

【示例3-5】設置鏈接到其他網頁的錨點。這里鏈接到的網頁是3-4.html。

01 <HTML> 
02   <HEAD> 
03   <TITLE>鏈接到其他網頁上的命名錨</TITLE> 
04   </HEAD> 
05   <BODY> 
06   《MICROSOFT 軟件最終用戶許可協議》中有關客戶端訪問許可證的相關內容請<A 
HREF="3-4.html" TARGET="_blank">單擊這里</A>查看，也可以<A HREF="3-4.html#target03" 
TARGET="_blank">單擊這里</A>查看。 
07   </BODY> 
08 </HTML>

示例3-5運行效果如圖3.6所示。可以看出，單擊第1個“單擊這里”超鏈接時，打開一個新瀏覽器窗口顯示網頁內容，但是默認情況下定位到網頁的頂部，瀏覽者還需要自己尋找有關客戶端訪問許可證的內容在哪里；而單擊第2個“單擊這里”超鏈接時，也會打開一個新瀏覽器窗口顯示網頁內容，但直接將網頁定位到了客戶端訪問許可證區域。

圖3.6　設置鏈接到其他網頁的錨點運行效果

官术网_书友最值得收藏!

HTML+CSS+DIV網頁設計與布局（第2版）（微課版）

3.2 錨點

3.2.1 創建錨點

3.2.2 鏈接到本頁錨點

3.2.3 鏈接到其他網頁的錨點