炫意html5
最早CSS3和HTML5移动技术网站之一

设置空的alt属性值,让页面上图片更具易用性

作为一个自学的WEB程序员,我对什么是最佳的开发方法有一个自己养成的印象,但经过这么多年的实践,我发现有很多习惯是不正确的,或者是经过这么多年,一些官方标准已经经过修改,有所改变。一个很小的,但很重要的用法,就是img标记上的alt属性用法。我曾经以为,页面上的所有图片都应该设置alt属性。但现在却发现,事实并不是这样。

<!-- 没有alt属性,不好的用法: 图片的URL将会被当作图片描述显示出来 -->
<img src="https://www.xyhtml5.com/wp-content/themes/punky/images/logo.png ">
<!-- 毫无意义的alt属性值,不好的用法 -->
<img src="https://www.xyhtml5.com/wp-content/themes/punky/images/logo.png " alt="Logo">
<!-- 空的alt属性值,不错的用法。 empty alt is silent -->
<img src="https://www.xyhtml5.com/wp-content/themes/punky/images/logo.png " alt="">

像上面这个例子,这个logo图片只是出于视觉效果,不会考虑SEO的因素,像这样的图片的alt属性应该设置成空字符,加上描述信息是毫无意义的。但如果缺少alt属性,一些阅读器就会把图片url当成alt显示出来。

我们在开发会遇到各种不知道的知识,像这些易用性、易访问性方面的知识,都是需要慢慢积累的,它们对于WEB开发有很重要的指导作用。每个WEB程序员都对自己开发出来的东西兴奋不已,易用性、易访问性方面的技巧能达到锦上添花的效果。当然,即使用错了alt属性,这也不是必须受到责备的事情。

炫意HTML5 » 设置空的alt属性值,让页面上图片更具易用性

Java基础教程Android基础教程