HTML应在保证弹性的基础上尽量减少嵌套层数

HTML应在保证弹性的基础上尽量减少嵌套层数
严格区分作为内容的图片和作为背景的图片。作为背景的图片采用CSS sprite技术,放在一张大图里。大图的安排也遵从common+app的方式,全站采用的图片应告知公用组件维护者,填入common.webp中,各栏目的图片,应放入app.webp。CSS sprite技术的优点是减少了http请求数,但是图片面向CSS的background-position增加了耦合度,也增加了维护的成本。如果图片有修改,不要删除已添加的图片,在空白处新增修改后的图片,减小修改的风险。

推荐阅读