URL(Uniform Resource Locator)
統一資源定位符是對可以從互聯網上得到的資源的位置和訪問方法的一種簡潔的表示,是互聯網上標准資源的地址。互聯網上的每個文件都有一個唯一的URL,它包含的信息指出文件的位置以及瀏覽器應該怎么處理它。
url分為相對url和絕對url:
1、絕對URL
絕對URL(absolute URL)顯示文件的完整路徑,這意味着絕對URL本身所在的位置與被引用的實際文件的位置無關。
2、相對URL
相對URL(relative URL)以包含URL本身的文件夾的位置為參考點,描述目標文件夾的位置。如果目標文件與當前頁面(也就是包含URL的頁面)在同一個目錄,那么這個文件的相對URL僅僅是文件名和擴展名,如果目標文件在當前目錄的子目錄中,那么它的相對URL是子目錄名,后面是斜杠,然后是目標文件的文件名和擴展名。
如果要引用文件層次結構中更高層目錄中的文件,那么使用兩個句點和一條斜杠。可以組合和重復使用兩個句點和一條斜杠,從而引用當前文件所在的硬盤上的任何文件,一般來說,對於同一服務器上的文件,應該總是使用相對URL,它們更容易輸入,而且在將頁面從本地系統轉移到服務器上時更方便,只要每個文件的相對位置保持不變,鏈接就仍然是有效地。
href和src 的定義與區別:
href和src是有區別的,而且是不能相互替換的。我們在可替換的元素上使用src,然而把href用於在涉及的文檔和外部資源之間建立一個關系。
href (Hypertext Reference)指定網絡資源的位置,從而在當前元素或者當前文檔和由當前屬性定義的需要的錨點或資源之間定義一個鏈接或者關系。當我們寫下:
<link href="style.css" rel="stylesheet" />
瀏覽器明白當前資源是一個樣式表,頁面解析不會暫停(由於瀏覽器需要樣式規則去畫或者渲染頁面,渲染過程可能會被暫停)。這與把css文件內容寫在<style>標簽里不相同,因此建議使用link標簽而不是@import來吧樣式表導入到html文檔里。
src (Source)屬性僅僅 嵌入當前資源到當前文檔元素定義的位置。當瀏覽器找到
<script src="script.js"></script>
在瀏覽器下載,編譯,執行這個文件之前頁面的加載和處理會被暫停。這個過程與把js文件放到<script>標簽里類似。這也是建議把JS文件放到底部加載的原因。當然,img標簽頁與此類似。瀏覽器暫停加載直到提取和加載圖像。
與img類似的有更多:replaced elements。