Total Pageviews

Wednesday, 21 October 2020

开发规范:img标签需添加alt属性

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

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

img[alt=""],

img:not([alt]) {

outline: 5px dashed #c00;  // outline 比 border 更适合用来做高亮提醒,前者不会改变布局.

}

No comments:

Post a Comment