日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

在html中src和href的區別,以及img中的srcset的作用是什么?

作者:賣菜的小白 更新時間: 2022-04-19 編程語言

一、src和href的區別
src是指向外部資源的位置,指向的內容會嵌?到?檔中當前標簽所在的位置,在請求src資源時會將其指向的資源下載并應?到?檔內,如js腳本,img圖?和frame等元素。當瀏覽器解析到該元素時,會暫停其他資源的下載和處理,知道將該資源加載、編譯、執?完畢,所以?般js腳本會放在底部?不是頭部。
href是指網絡資源所在位置(的超鏈接),?來建?和當前元素或?檔之間的連接,當瀏覽器識別到它他指向的?件時,就會并?下載資源,不會停?對當前?檔的處理。比如link標簽。
二、知道img的srcset的作用是什么?
可以設計響應式圖片,我們可以使?兩個新的屬性srcset 和 sizes來提供更多額外的資源圖像和提示,幫助瀏覽器選擇正確的?個資源。srcset 定義了我們允許瀏覽器選擇的圖像集,以及每個圖像的??。

    <img src="./img/1.jpg" srcset="./img/2.jpg 500w, ./img/3.jpg 1000w, ./img/4.jpg 1200w" 
    sizes="(max-width:500px) 600px, (max-width: 1000px) 1500px" alt="">
    //這里size中max-width:500px表示最大為500px時將其當做600px,然后和srcset進行匹配

三、還有哪?個標簽能起到跟srcset相似作??
元素通過包含零或多個元素和一個元素來為不同的顯示/設備場景提供圖像版本。瀏覽器會選擇最匹配的? 元素,如果沒有匹配的,就選擇 元素的 src屬性中的URL。然后,所選圖像呈現在 元素占據的空間中。

<picture>
	<source srcset="/media/examples/surfer-240-200.jpg"
media="(min-width: 800px)">
	<img src="/media/examples/painted-hand-298-332.jpg" />
</picture>

原文鏈接:https://blog.csdn.net/weixin_47450807/article/details/124214601

欄目分類
最近更新