來源 |?https://www.cnblogs.com/newcheer/p/14266267.html1、URL
?統(tǒng)一資源定位符?( Uniform Resource Locator)是對(duì)可以從互聯(lián)網(wǎng)上得到的資源的位置和訪問方法的一種簡(jiǎn)潔表示,是互聯(lián)網(wǎng)上標(biāo)準(zhǔn)資源的地址;互聯(lián)網(wǎng)上的每個(gè)文件都有一個(gè)唯一的 URL ,它包含的信息指出文件的位置以及瀏覽器應(yīng)該怎么處理它
基本的 URL 包含 模式(或稱協(xié)議)、服務(wù)器名稱(或 IP 地址)、路徑和文件名;如 “ 協(xié)議:// 授權(quán) / 路徑 ? 查詢 ”完整的、帶授權(quán)部分的普通統(tǒng)一資源標(biāo)識(shí)符語法看上去如下:協(xié)議:// 用戶名: 密碼@子域名.域名.頂級(jí)域名: 端口號(hào)/目錄/文件名.文件后綴?參數(shù) = 值#標(biāo)志模式/協(xié)議(scheme):它告訴瀏覽器如何處理將要打開的文件。最常用的模式是超文本傳輸協(xié)議( Hypertext Transfer Protocol , HTTP )https?————用安全套接字層傳送的超文本傳輸協(xié)議
ftp?———— 文件傳輸協(xié)議
mailto?————電子郵件地址
ldap?————輕型目錄訪問協(xié)議搜索
file?————當(dāng)?shù)仉娔X或網(wǎng)上分享的文件
gopher?———— Gopher 協(xié)議
telnet?———— Telnet 協(xié)議文件所在的服務(wù)器的名稱或者 IP 地址,其有時(shí)還跟一個(gè)冒號(hào)和一個(gè)端口號(hào),它也可以包含接觸服務(wù)器必須的用戶名稱和密碼;路徑部分包含等級(jí)結(jié)構(gòu)的路徑定義,一般來說不同部分之間以斜杠( / ) 分隔;詢問部分一般用來傳送對(duì)服務(wù)器上的數(shù)據(jù)庫進(jìn)行動(dòng)態(tài)詢問時(shí)所需要的參數(shù)絕地 URL:絕對(duì) URL ( absolute URL )?顯示文件的完整路徑,這意味著絕對(duì) URL 本身所在的位置與被引用的實(shí)際文件位置無關(guān)
相對(duì) URL :? 相對(duì) URL ( relative URL )?以包含 URL 本身的文件夾的位置為參考點(diǎn),描述目標(biāo)文件夾的位置;如果目標(biāo)文件與當(dāng)前頁面 (即包含 URL 的頁面)在同一目錄,那么這個(gè)文件的相對(duì) URL 僅僅是文件名和擴(kuò)展名;如果目標(biāo)文件在當(dāng)前目錄的子目錄中,那么它的相對(duì) URL 是子目錄名 + / + 目標(biāo)文件的文件名和擴(kuò)展名;一般來說,對(duì)于同一服務(wù)器上的文件,應(yīng)該總是使用相對(duì) URL ,它們更容易輸入,而且在將也頁面從本地系統(tǒng)轉(zhuǎn)到服務(wù)器上時(shí)更方便,只要每個(gè)文件的相對(duì)位置保持不變,鏈接就仍然有效附:建立路徑常用幾個(gè)特殊符號(hào)及其含義1. '.' 2. '..' 3. '../../' 4. '/' 5. 'C:/abc/'
2、href
href?( Hypertext Reference )超文本引用指定超鏈接目標(biāo)的 URL;href 屬性值可以是任何有效文檔的相對(duì)或絕對(duì) URL ,包括片段標(biāo)識(shí)符和JavaScript?代碼段。# 1. 內(nèi)部連接<a href = '#/url'>namea> # 2. 錨記<a name = "object-name">namea><a href="#object-name">namea> # 3. 外部鏈接(建立一個(gè)以name為表象的網(wǎng)址鏈接)<a href="URL">namea> # 4. 鏈接說明文字<a href ="/" title="鏈接說明">鏈接說明a> # 5. 特效鏈接(特效鏈接的目的不是跳轉(zhuǎn)到其他位置,而是為了實(shí)現(xiàn)基本頁面特效)# 例如:JavaScript腳本<a href = "javascript:alert('夜深了早點(diǎn)休息吧!')">點(diǎn)擊我!a><a href ="javascript:;">回到頂部a> #6. 外部css引用<link type ="text/css" rel="stylesheet" href="../css/test.css"/># 瀏覽器明白當(dāng)前資源是一個(gè)樣式表,頁面解析不會(huì)暫停(由于瀏覽器需要樣式規(guī)則去渲染頁面,渲染過程中可能會(huì)被暫停) # 這與把css文件內(nèi)容寫在<style>標(biāo)簽不同,因此建議用link標(biāo)簽而不是@import來把樣式表導(dǎo)入html文檔里
3、src
僅嵌入當(dāng)前資源到當(dāng)前文檔元素定義的位置,當(dāng)瀏覽器找到<script src = "script.js">script>