Web开发人员正在广泛使用HTML。 无论你使用什么样的框架，选择什么样的背景语言，框架都是在变化的，但是HTML总是不变的。 虽然应用广泛，但仍有一些标签或属性是大多数开发人员不熟悉的。 虽然现在有很多模板引擎供我们使用，但是我们还是需要尽可能熟练地掌握HTML内容，就像CSS一样。 在我看来，最好是尽可能利用HTML的特性来实现我们的功能，而不是用JavaScript来实现同样的功能，虽然我承认写HTML可能会比较重复和枯燥。 虽然很多开发人员每天都在使用HTML，但他们并没有试图改进他们的项目，也没有真正利用HTML的几个鲜为人知的特性。 我认为HTML标签/属性实现的以下五个功能需要了解:图片的懒加载有助于提高网站的性能和响应能力。 惰性图像加载可以避免加载没有立即显示在屏幕上的图像材料，然后在客户滚动相邻图像时开始加载。 换句话说，当客户滚动到图片出现时，就加载，否则就不加载。 这减少了在显示屏幕内容的过程中对图片资料的请求数量，提高了网站性能。 我们经常通过javascript来做，通过监控页面滚动事件来决定加载相应的资源。 但是在没有充分考虑兼容性的场景下，我们其实可以直接通过HTML来实现。 注:本文提到的标签和属性的兼容性，需要大家根据实际场景来选择是否可以使用。可以通过在图片文件中添加loading="lazy "的属性来实现:输入提醒。当客户执行输入搜索功能时，如果能够进行有效的提醒，将会大大提升客户体验。 现在随处可见输入建议和自动补全功能。我们可以使用Javascript添加输入建议，方法是在输入框中设置事件监听器，然后将搜索到的关键字与保留的建议进行匹配。 事实上，HTML也可以让我们通过< datalist >实现输入建议的功能；要实现的标记 注意，这个标签的id属性在使用时需要与input元素的list属性保持一致。 图片标签:你有没有遇到过在不同场景或不同大小的设施中图片显示适配的问题？我想我们都见过。 当只有一种尺寸的图片材料时，我们通常可以通过CSS的object-fit属性来调整它。 但是有时候，需要按照不同的分辨率显示不同大小的场景时，我们是否可以直接通过HTML来实现呢？HTML提供了 我们可以定义不同区间的最小分辨率来确定图片素材。这个标签的用法有点类似 如果你有任何关于学习前台、学习方法、学习路线、如何高效学习的问题，欢迎随时咨询我，或者你缺乏系统的学习资料，我在这一行做了很久，我觉得我挺有经验的，可以帮你提出建设性的建议。603985993这是我的web前台3000人穿的衣服。如果你有任何问题，请随时咨询我。 Base URL当我们的页面有大量的锚跳转或者静态资源加载，并且这些跳转或者资源都在一个统一的域名中，我们可以使用 比如我们在微博中有一个列表需要跳转到不同大V的首页，我们可以通过设置< base & gt标记必须具有href和target属性。 页面重定向(刷新)当我们想要实现一段时间后或者立即重定向到另一个页面的功能时，可以直接通过HTML来实现。 我们经常会遇到一些网站有这样的功能，“5s后页面会跳转” 这种交互可以直接嵌入到HTML中 值得一提的是，虽然谷歌声称这种形式的重定向与其他重定向方法一样可用，但使用这种类型的重定向实际上并不那么优雅，它经常显得很尴尬。 因此，最好在一些特殊情况下使用，比如在客户长时间不活动后重定向到目标页面。 Postscript HTML和CSS的功能非常强大，即使我们只用这两种技术，也可以创建几个精彩的网站。 虽然应用广泛，但还是有很多开发者并没有真正深入了解。还有很多内容需要我们去深入学习和理解，去实践，还有很多技巧等着我们去发现。