HTML5從入門到精通——超鏈接和錨點

超鏈接和錨點

HTML頁血使用超鏈接與網路上的另一個資源保持關聯，當用戶單擊頁面上的超鏈接時，瀏覽器會導航到超鏈接所指的資源。 HTML5保留了定義超鏈接的元索，該元素可以指定id. class. style等核心屬性，也，也可指定onclick等各種事件屬性。它還可以指定如下三個重要屬性。

href:指定超鏈接所關聯的另一個資源。

target:指定使用框架集中的哪個框架來裝載另一個資源。該屬性的屬性值可以是_self、 _blank、_top、_parent四個值，分別代表使用自身、新窗口、頂層框架、父框架來裝載新資源。

media:指定目標URL所引用的媒體類型。默認值為all。只有當指定了href屬性時該屬性才有效。

元素主要可以包含文本、圖像、各種文本格式化元素和表單元素等內容。下面代碼定義了四個超鏈接。

360安全導航網頁

target="_new">360安全導航網頁

target="_new">

alt="360安全導航網頁"/>點擊圖標立即跳轉

網頁製作2018zexin

當我們使用元素時，href屬性值既可是絕對路徑，也可是相對路徑。當指定絕對路徑時，href屬性值為URL ( Uniform Resource Locator，統一資源定位器)，URL用於對互聯網上的文檔(或其他資源)進行定址。

一個完整的網址，例如：

scheme://host.domain:port/path/filename

關於這個URL地址的解釋如下。

scheme:指定網際網路服務的類型。最流行的類型是HTTP。

domain:指定網際網路域名，比如crazyit.org,fkjava.org等。

host:指定此域中的主機。如果被省略，HTTP的默認主機是www 。

port:指定主機的埠號。埠號通常可以被省略，HTTP服務的默認埠是80。

path:指定遠程伺服器土的路徑，該路徑也可被省略，省略該路徑則默認被定位到網站的根目錄。

filename:指定遠程文檔的名稱。如果省略該文件名，通常會定位到index.html,index.htm等文件，或定位到Web伺服器設置的其他文件。

表2.1顯示了URL最流行的scheme以及對應資源。

表2.1

例如以下幾個超鏈接:

HTMLNewsgroup，該鏈接將會產生一個訪問新聞組資源的超鏈接。

下載Tomcat，這個鏈接將會產生一個指向FTP資源的鏈接。

除此之外，元素還可生成一個命名錨點，命名錨點用於在HTML頁面中生成一個定位點，這樣允許超鏈接直接鏈接到指定頁面的該定位點。

插入定位錨點需要指定name屬性，name屬性值就是該命名錨點的名稱。例如如下代碼：

用瀏覽器瀏覽命名錨點時，該命名錨點不會生成任何顯示內容，我們可以使用如下超鏈接來定位到該錨點:

#test」>定位到test錨點

從上面粗體字代碼可以看出，定位到指定錨點需要在URL資源後指定錨點名，錨點名和URL資源之間以#隔開。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！