href src url 三者區(qū)別
問(wèn)題描述
href src url 三者區(qū)別
問(wèn)題解答
回答1:URL(Uniform Resource Locator) 統(tǒng)一資源定位符。
統(tǒng)一資源定位符是對(duì)可以從互聯(lián)網(wǎng)上得到的資源的位置和訪問(wèn)方法的一種簡(jiǎn)潔的表示,是互聯(lián)網(wǎng)上標(biāo)準(zhǔn)資源的地址。互聯(lián)網(wǎng)上的每個(gè)文件都有一個(gè)唯一的URL,它包含的信息指出文件的位置以及瀏覽器應(yīng)該怎么處理它。
結(jié)構(gòu):
模式(或稱協(xié)議) + 服務(wù)器名稱(IP地址)、路徑和文件名,例如:https://segmentfault***/a/1190000002877022。帶有授權(quán)部分的普通統(tǒng)一資源標(biāo)識(shí)符。
分類: 絕對(duì)URL 和 相對(duì)URL(以包含URL本身的文件夾的位置為參考點(diǎn))
href和src的定義與區(qū)別
1.href (Hypertext Reference)網(wǎng)絡(luò)資源的位置,瀏覽器識(shí)別當(dāng)前資源是一個(gè)樣式表,頁(yè)面解析不會(huì)暫停(由于瀏覽器需要樣式規(guī)則去畫(huà)或者渲染頁(yè)面,渲染過(guò)程可能會(huì)被被暫停)。這與把css文件內(nèi)容寫(xiě)在<style>標(biāo)簽里不相同,因此建議使用link標(biāo)簽而不是@import來(lái)吧樣式表導(dǎo)入到html文檔里。
2,src (Source)屬性僅僅 嵌入當(dāng)前資源到當(dāng)前文檔元素定義的位置,在瀏覽器下載,編譯,執(zhí)行這個(gè)文件之前頁(yè)面的加載和處理會(huì)被暫停。這個(gè)過(guò)程與把js文件放到<script>標(biāo)簽里類似。這也是建議把JS文件放到底部加載的原因。當(dāng)然,img標(biāo)簽頁(yè)與此類似。瀏覽器暫停加載直到提取和加載圖像。
回答2:前端中關(guān)于url、href、src知識(shí)詳解:http://www.php.cn/div-tutorial-409689.html
相關(guān)文章:
1. javascript - vscode alt+shift+f 格式化js代碼,通不過(guò)eslint的代碼風(fēng)格檢查怎么辦。。。2. javascript - 如何將一個(gè)div始終固定在某個(gè)位置;無(wú)論屏幕和分辨率怎么變化;div位置始終不變3. html5 - 有可以一次性把所有 css外部樣式轉(zhuǎn)為html標(biāo)簽內(nèi)style=" "的方法嗎?4. javascript - 有什么比較好的網(wǎng)頁(yè)版shell前端組件?5. java - 如何寫(xiě)一個(gè)intellij-idea插件,實(shí)現(xiàn)編譯時(shí)修改源代碼的目的6. javascript - 原生canvas中如何獲取到觸摸事件的canvas內(nèi)坐標(biāo)?7. html - vue項(xiàng)目中用到了elementUI問(wèn)題8. java 中Long 類型如何轉(zhuǎn)換成Double?9. javascript - 求解答:實(shí)例對(duì)象調(diào)用constructor,此時(shí)constructor內(nèi)的this的指向?10. javascript - [js]為什么畫(huà)布里不出現(xiàn)圖片呢?在線等
