HTML <img> loading属性

        在页面中是大量存在的,对于这些图片,加载也是需要消耗时间。了解 loading 可以优化页面,我们可以选择 eagerlazy。下面就是对 loading 属性的详细介绍。

loading

        指示浏览器应当如何加载该图像。允许的值:

eager

        立即加载图像,不管它是否在可视视口(visible viewport)之外(默认值)。

lazy

        延迟加载图像,直到它和视口接近到一个计算得到的距离,由浏览器定义。

<!--content begin--> <div class="hot">     <h2>最热视频</h2>     <video src="video/pian.mp4" controls></video>     <a href=" ">< img src="images/pic02.jpg" ></a >     <a href="#">< img src="images/pic03.jpg" ></a >     <a href="#">< img src="images/pic04.jpg" ></a >     <a href="#">< img src="images/pic05.jpg" ></a >     <a href="#">< img src="images/pic06.jpg" ></a > </div> <div class="share">     <h2>观影达人</h2>     <a href="#">         < img src="images/pic07.jpg" >         <div class="cur">             < img src="images/pic01.png" >             <h3>nosay</h3>             <p>视频: 34 订阅粉丝: 30112</p >             <span>订阅</span>         </div>     </a >     <a href="#">         < img src="images/pic07.jpg" >         <div class="cur">             < img src="images/pic02.png" >             <h3>nosay</h3>             <p>视频: 34 订阅粉丝: 30112</p >             <span>订阅</span>         </div>     </a >     <a href="#">         < img src="images/pic07.jpg" >         <div class="cur">             < img src="images/pic03.png" >             <h3>nosay</h3>             <p>视频: 34 订阅粉丝: 30112</p >             <span>订阅</span>         </div>     </a >     <a href="#">         < img src="images/pic07.jpg" >         <div class="cur">             < img src="images/pic04.png" >             <h3>nosay</h3>             <p>视频: 34 订阅粉丝: 30112</p >             <span>订阅</span>         </div>     </a > </div> <!--content end-->代码结构分析
最新发布
03-13
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值