HTML網(wǎng)頁超鏈接標記

2020-03-24 17:06:58

字體：大中小

供稿：網(wǎng)友

鏈接是網(wǎng)頁頁面中最重要的元素之一，是一個網(wǎng)站的靈魂。一個網(wǎng)站是由多個頁面組成的，頁面之間依靠鏈接確定相互的導(dǎo)航關(guān)系。每一個網(wǎng)頁都有獨一無二的地址，在英文中被稱作url(Uniform Resource Locator：通用資源標示符)。在地址欄輸入http://www.phpstudy.net然后回車，會打開phpStudy網(wǎng)站的主頁面。可以看到，頁面中有多個欄目，多條新聞等，最上方不同的欄目就是文字鏈接。
鏈接標記雖然在網(wǎng)站設(shè)計制作中占有不可替代的地位，但是其標記只有一個，那就是 a 標記。本站介紹的鏈接應(yīng)用都是基于 a 標記基礎(chǔ)上的。
鏈接標記的屬性見下表

每一個文件都有自己的存放位置和路徑，理解一個文件到要鏈接的那個文件之間的路徑關(guān)系是創(chuàng)建鏈接的根本。url 統(tǒng)一資源定位器，指的就是每一個網(wǎng)站都具有的獨立的地址。同一個網(wǎng)站下的每一個網(wǎng)頁都屬于同一個地址之下，但是當創(chuàng)建網(wǎng)頁時，不可能也不需要為每一個鏈接都輸入完全的地址。我們只需要確定當前文檔同站點根目錄之間的相對路徑關(guān)系。因此鏈接可以分為以下3種：

內(nèi)部和外部都是相對于站點文件夾而言，如果鏈接指向的是站點文件夾之內(nèi)的文件，就是內(nèi)部鏈接。如果鏈接指向站點文件夾之外的，就被稱做外部鏈接。在添加外部鏈接的時候，將用到下面所講的絕對地址；而添加內(nèi)部鏈接的時候，將用到下面所講的根目錄相對地址和文件相對地址。
下面分別介紹這3種鏈接：

相對鏈接最適合網(wǎng)站的內(nèi)部鏈接。只要是同一網(wǎng)站之下的，即使不在同一個目錄下，相對鏈接也非常合適。文件相對地址是書寫內(nèi)部鏈接的理想形式。只要是處于站點文件夾之內(nèi)，相對地址可以自由地在文件之間構(gòu)建鏈接。這種地址形式利用的是構(gòu)建鏈接的兩個文件之間的相對關(guān)系，不受站點文件夾所處服務(wù)器位置的影響。因此這種書寫形式省略了絕對地址中的相同部分。這樣做的優(yōu)點是：站點文件夾所在的服務(wù)器地址發(fā)生改變時，文件夾的所有內(nèi)部鏈接(如果采用此種地址形式)都不會出問題。
相對鏈接的使用方法為：

根目錄相對地址同樣適應(yīng)于創(chuàng)建內(nèi)部鏈接，但大多數(shù)情況下，不建議使用此種地址形式。它在下列情況下使用：

根目錄相對地址的書寫形式也很簡單，首先以一個斜杠開頭，代表根目錄，然后書寫文件夾名，最后書寫文件名。根路徑以 / 開始，然后是根目錄下的目錄名。html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。

上一篇：HTML5中5個簡單實用的API

下一篇：html5實現(xiàn)下雪效果的方法