url src href定義以及使用區別

2021-07-11 02:26:23 字數 2328 閱讀 6638

url、href、src 詳解

現自己居然沒把url、href、src關係及使用搞清楚,今天就理一下。主要包括:url、src、href定義以及使用區別。

統一資源定位符是對可以從網際網路上得到的資源的位置和訪問方法的一種簡潔的表示,是網際網路上標準資源的位址。網際網路上的每個檔案都有乙個唯一的url,它包含的資訊指出檔案的位置以及瀏覽器應該怎麼處理它。

基本url包含模式(或稱協議)、伺服器名稱(或ip位址)、路徑和檔名,如「協議://授權/路徑?查詢」。完整的、帶有授權部分的普通統一資源標誌符語法看上去如下:協議://使用者名稱:密碼@子網域名稱.網域名稱.頂級網域名稱:埠號/目錄/檔名.檔案字尾?引數=值#標誌

第一部分:

模式/協議(scheme):它告訴瀏覽器如何處理將要開啟的檔案。最常用的模式是超文字傳輸協議(hypertexttransfer protocol,縮寫為http),這個協議可以用來訪問網路。1其他協議如下:

——超文字傳輸協議資源

——用安全套接字層傳送的超文字傳輸協議

·       

ftp——檔案傳輸協議

·       

mailto

——電子郵件位址

·       

ldap

——輕型目錄訪問協議搜尋

·       

file

——當地電腦或網上分享的檔案

·       

news

——usenet

新聞組

·       

gopher

——gopher協議

·       

telnet

——telnet協議

第二部分:

檔案所在的伺服器的名稱或ip位址,後面是到達這個檔案的路徑和檔案本身的名稱。伺服器的名稱或ip位址後面有時還跟乙個冒號和乙個埠號。它也可以包含接觸伺服器必須的使用者名稱和密碼。路徑部分包含等級結構的路徑定義,一般來說不同部分之間以斜線(/)分隔。詢問部分一般用來傳送對伺服器上的資料庫進行動態詢問時所需要的引數。

1、絕對url

絕對url(absolute url)顯示檔案的完整路徑,這意味著絕對url本身所在的位置與被引用的實際檔案的位置無關。

2、相對url

相對url(relative url)以包含url本身的資料夾的位置為參考點,描述目標資料夾的位置。如果目標檔案與當前頁面(也就是包含url的頁面)在同乙個目錄,那麼這個檔案的相對url僅僅是檔名和副檔名,如果目標檔案在當前目錄的子目錄中,那麼它的相對url是子目錄名,後面是斜槓,然後是目標檔案的檔名和副檔名。

如果要引用檔案層次結構中更高層目錄中的檔案,那麼使用兩個句點和一條斜槓。可以組合和重複使用兩個句點和一條斜槓,從而引用當前檔案所在的硬碟上的任何檔案,一般來說,對於同一伺服器上的檔案,應該總是使用相對url,它們更容易輸入,而且在將頁面從本地系統轉移到伺服器上時更方便,只要每個檔案的相對位置保持不變,鏈結就仍然是有效地。

以下為建立路徑所使用的幾個特殊符號,及其所代表的意義。

·.:代表目前所在的目錄,相對路徑。

如:文字

·..

如:文字

·../../

如:·/:代表根目錄,絕對路徑。

如:文字

·d:/abc/:代表根目錄,絕對路徑。

在使用相對路徑時,我們用符號「.」來表示當前目錄,用符號「..」來表示當前目錄的父目錄。

href

和src是有區別的,而且是不能相互替換的。我們在可替換的元素上使用src,然而把href用於在涉及的文件和外部資源之間建立乙個關係。

href (hypertext reference)

瀏覽器明白當前資源是乙個樣式表,頁面解析不會暫停(由於瀏覽器需要樣式規則去畫或者渲染頁面,渲染過程可能會被暫停)。這與把css檔案內容寫在標籤裡不相同,因此建議使用link標籤而不是@import來吧樣式表匯入到html文件裡。

src (source)

屬性僅僅 嵌入當前資源到當前文件元素定義的位置。當瀏覽器找到

與img類似的有更多:replaced elements。

Pycharm Anaconda安裝以及使用

pycharm 兩個環境變數 anaconda和anaconda scripts的路徑 清華映象 python裡的pip是官方自帶的源,國內使用pip安裝的時候十分緩慢,所以最好是更換成中國國內的源位址。目前國內靠譜的 pip 映象源有 清華 豆瓣 阿里 建議使用清華的,豆瓣和阿里的好像是有些問題,...

VisualSVN Server 安裝以及使用教程

visualsvn server是免費的 管理工具 visualsvn server是svn的伺服器端 安裝visualsvn server示例 1 雙擊visualsvn server 3.5.6 x64.msi出現下圖,點選 next 按鈕 2 同意安裝協議,並且 點選 next 按鈕 3 選擇...

Valid使用詳解以及自定義註解的簡單使用

步驟1 將 valid註解直接加在變數user之前,並且傳入bindingresult物件 也可不傳入 用於獲取校驗失敗情況下的反饋資訊,如下 restcontroller public class usercontroller system.out.println user.getid syste...