1. 程式人生 > >HTML中關於url、scr、href的區別

HTML中關於url、scr、href的區別

統一 RM lin https code nload css resource 直接

HTML中關於url、scr、href的區別

URL是什麽

URL:Uniform Resource Locators(統一資源定位器)的簡寫,Web瀏覽器通過URL從Web服務器請求頁面。

url不是屬性,src和href是屬性,src用於替換當前元素,href用於在當前文檔和引用資源之間確立聯系,也就是說src引用的路徑是img等要加載的路徑,href引用的路徑是要跳轉到的地方。

src是什麽

src是source的簡寫,表示的是引入文件,目的是要把文件加載到html頁面中去,當瀏覽器解析的時候會暫停其他的內容而會先加載src內容,必須要等到src的內容加載完成之後才會執行後面。這就是為什麽js文件往往放在了html文件的最下面的原因。如果是在頁面head上放了js文件用:window.onload事件處理。瀏覽器會識別該文檔為css文檔,並行下載該文檔,並且不會停止對當前文檔的處理。這也是建議使用link,而不采用@import加載css的原因。

src的內容是頁面必不可少的一部分,是引入src指向的內容會嵌入到文檔中當前標簽所在的位置。常用的有:img、script、iframe。例如:

<script src="script.js"></script> 
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"> 

href是什麽

href是Hypertext Reference的簡寫,表示的時超文本引用,指向網絡資源所在位置,建立和當前元素(錨點)或當前文檔(鏈接)之間的鏈接,它與頁面直接的關系為鏈接的關系,在加載它的時候頁面本身也不會停止其他內容的加載。用來建立當前元素和文檔之間的鏈接。

常用的有:link、a。例如:

<link href="reset.css" rel=”stylesheet“/>

HTML中關於url、scr、href的區別