良好的网页开发习惯是,对于 img 标签,要写 alt 属性。Alt 别名要有意义说明图片的含义,这对于慢网速环境、屏幕阅读器、搜索引擎都有好处。比如图片是 epub 书的封面,那么 alt 要是这个书名;图片是用户的头像,那么 alt 要是这个用户的昵称。

小技巧,可以添加下面的 CSS 代码,能帮助我们一眼看出哪些图片没有写 alt 属性。

img[alt=""],
img:not([alt]) {
  outline: 5px dashed #c00; // outline 比 border 更适合用来做高亮提醒,前者不会改变布局
}