欢迎光临
我们一直在努力

关于图片链接的alt标签的使用心得

网站中拥有大量重复图片,由此而给网页加入大量重复的alt标签就显得多余了,尤其是在将图片(比如照片或图标)作为链接时,访问者很快就会对alt ="hyperlink"感动厌烦。除非此网页或链接中的图片还有对网站非常重要的信息,否则就可以只对其中一个使用描述性的alt标签。而对于其他的重复图片则可以使用空alt标签:alt="".

在给图片链接添加备用文本时,可以在alt标签中使用链接所指向的网址来给各个图片链接加上不同的备用文本。不过最好不要使用那些太长的完整网址,基本的域名就够了。

无论是什么类型的图片,都应该避免使用太长的alt标签。通常,alt标签的长度不应该超过一行。简短有效的标签是更好的选择!

网站中的某些图片可能只是文字,比如公司的logo,其中可能就是艺术化之后的公司名称。处理这种情况的一个方法就是用样式表指定文字的字体、大小和颜色。

但是这种方法并不能非常彻底的解决这个问题,有时会遇到麻烦。

在使用alt标签时另一个可能遇到的问题是含有装饰性的项目符号(图片)的无序列表,处理项目符号图片的一种方法是在标签中使用星号或横杠来表示新的项目符号。如:alt="*" 或: alt="-"

另一方法就是使用alt标签说明图片是用于项目符号的。

alt=“black musical note”

无论是用于图片链接还是一般的图片,alt标签的作用都是为无法看到图片的访问者提供一种能顺利浏览网站的途径,有时,图片对网站的现实效果有很大的倾向。但有时候alt标签的使用却纯粹是多此一举,这个时候不用alt标签才最好的选择!

赞(0) 打赏
未经允许不得转载:优友网 » 关于图片链接的alt标签的使用心得
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

大前端WP主题 更专业 更方便

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏