href和src是有區(qū)別的,而且是不能相互替換的伏蚊。我們?cè)诳商鎿Q的元素上使用src旋廷,然而把href用于在涉及的文檔和外部資源之間建立一個(gè)關(guān)系。
href (Hypertext Reference)指定網(wǎng)絡(luò)資源的位置醒陆,從而在當(dāng)前元素或者當(dāng)前文檔和由當(dāng)前屬性定義的需要的錨點(diǎn)或資源之間定義一個(gè)鏈接或者關(guān)系。當(dāng)我們寫(xiě)下:
<link href="style.css" rel="stylesheet" type="text/css">
瀏覽器明白當(dāng)前資源是一個(gè)樣式表裆针,頁(yè)面解析不會(huì)暫停(由于瀏覽器需要樣式規(guī)則去畫(huà)或者渲染頁(yè)面刨摩,渲染過(guò)程可能會(huì)被被暫停)。這與把css文件內(nèi)容寫(xiě)在標(biāo)簽里不相同世吨,因此建議使用link標(biāo)簽而不是@import來(lái)吧樣式表導(dǎo)入到html文檔里澡刹。
src (Source)屬性僅僅 嵌入當(dāng)前資源到當(dāng)前文檔元素定義的位置。當(dāng)瀏覽器找到
<script src="script.js" type="text/javascipt></scipt>
在瀏覽器下載耘婚,編譯罢浇,執(zhí)行這個(gè)文件之前頁(yè)面的加載和處理會(huì)被暫停。這個(gè)過(guò)程與把js文件放到<script>標(biāo)簽里類似沐祷。這也是建議把JS文件放到底部加載的原因嚷闭。當(dāng)然,img標(biāo)簽頁(yè)與此類似赖临。瀏覽器暫停加載直到提取和加載圖像胞锰。標(biāo)簽里類似。這也是建議把JS文件放到底部加載的原因思杯。當(dāng)然胜蛉,img標(biāo)簽頁(yè)與此類似。瀏覽器暫停加載直到提取和加載圖像色乾。標(biāo)簽里類似誊册。這也是建議把JS文件放到底部加載的原因。當(dāng)然暖璧,img標(biāo)簽頁(yè)與此類似案怯。瀏覽器暫停加載直到提取和加載圖像。