1.标签定义及使用说明
<img> 标签定义 HTML 页面中的图像。
<img> 标签有两个必需的属性：src 和 alt。
注释：从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。
提示：通过在 <a> 标签中嵌套 <img> 标签，给图像添加到另一个文档的链接
alt 与 title 属性区别：
图片中的 alt 属性是在图片不能正常显示时出现的文本提示。
图片中的 title 属性是在鼠标在移动到元素上的文本提示。
2.对应属性
3.前端标签ing 中的loading属性-延迟加载
在前端开发中，loading属性主要用于指示浏览器或应用在数据加载过程中的状态，它可以帮助提升用户体验，尤其是在处理大量数据或需要较长时间才能完成的操作时。以下是关于loading属性的详细介绍：
1.Nuxt.js中的loading属性：
在Nuxt.js框架中，loading属性可以配置为Boolean、Object或String类型。它允许开发者在页面切换时显示内置的加载组件，以显示加载进度条。开发者可以定制进度条的样式，禁用加载进度条，或者创建自己的加载组件。例如，通过this.$nuxt.$loading.start()来启动加载条，使用this.$nuxt.$loading.finish()来结束加载条
2.iframe的loading属性：
虽然搜索结果中没有直接提及iframe的loading属性，但在实际开发中，iframe的loading属性可以用来控制iframe的加载行为。例如，设置iframe的loading="lazy"可以实现延迟加载，提高页面加载速度
3.img标签的loading属性：
自Chrome 77版本起，img标签支持了loading属性，特别是loading="lazy"属性，这是一种图片的懒加载技术，可以显著提高网页的性能和响应速度。通过使用这个属性，图片只有在进入视口时才开始加载，从而减少了不必要的资源浪费和加载时间3。
4.自定义loading：
在前端开发中，开发者还可以通过自定义指令或服务方式使用loading，例如Element UI框架提供了自定义loading的功能，通过简单的配置就可以实现自定义的loading效果。
扫一扫
1076
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
