亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

HTML picture元素如何定義

發布時間:2022-03-18 13:53:57 來源:億速云 閱讀:113 作者:iii 欄目:web開發

這篇“HTML picture元素如何定義”文章的知識點大部分人都不太理解,所以小編給大家總結了以下內容,內容詳細,步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“HTML picture元素如何定義”文章吧。

    HTML<picture>元素

    實例

    根據屏幕匹配的不同尺寸顯示不同圖片,如果沒有匹配到或瀏覽器不支持picture屬性則使用img元素:

<picture>

  <source media="(min-width: 650px)" srcset="demo1.jpg">

  <source media="(min-width: 465px)" srcset="demo2.jpg">

  <img src="img_girl.jpg">

</picture>

    定義

    picture元素允許我們在不同的設備上顯示不同的圖片,一般用于響應式。

    HTML5引入了<picture>元素,該元素可以讓圖片資源的調整更加靈活。

    <picture>元素零或多個<source>元素和一個<img>元素,每個<source>元素匹配不同的設備并引用不同的圖像源,如果沒有匹配的,就選擇<img>元素的src屬性中的url。

    注意:<img>元素是放在最后一個<picture>元素之后,如果瀏覽器不支持該屬性則顯示<img>元素的的圖片。

    HTML4.01與HTML5之間的差異

    <picture>屬性是HTML5新定義的。

    全局屬性

    <picture>標簽支持HTML的全局屬性。

    事件屬性

    <picture>標簽支持HTML的事件屬性。

以上就是關于“HTML picture元素如何定義”這篇文章的內容,相信大家都有了一定的了解,希望小編分享的內容對大家有幫助,若想了解更多相關的知識內容,請關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

娄底市| 博罗县| 海伦市| 石首市| 敦煌市| 称多县| 湾仔区| 驻马店市| 阜南县| 丰原市| 连云港市| 左贡县| 曲阳县| 宜章县| 甘孜县| 正宁县| 读书| 龙泉市| 孟津县| 岑巩县| 曲松县| 乌恰县| 偏关县| 鸡泽县| 丰台区| 昌吉市| 安康市| 河津市| 旬邑县| 独山县| 阿巴嘎旗| 法库县| 扶沟县| 梁山县| 湖北省| 铁岭县| 凤凰县| 九龙城区| 寿光市| 兴化市| 蕉岭县|