今天和同事讨论html中的img标签中的alt属性和title属性。
他说img只需要title就可以了,我不太赞同。他的理由是以前火狐不支持title,现在可以很好的支持,所以不需要alt了。我的理解是既需要alt,同时也需要title。我的理由:title属性是用户体验层次上的,title是tool tip,是悬浮提示;alt也有一方面的用户体验层次上的,alt是图片不能显示时,出现的文字,而且还是对于视觉有问题的残疾人,使用的阅读器读取的文字部分。alt更是在SEO有深层的意义,搜索引擎的抓取图片信息时,抓取的是alt的属性值。还有一点是图片不加alt,在页面通过w3c验证时会出现警告。这么好的属性alt,为什么要不用呢?
而后又对搜索引擎的图片抓取搜索了一下,Google和百度对图片的搜索,很神奇,抓取蜘蛛并不只是对图片的关键字进行搜索,还分析了图片周围的文字和文章的标题。用google或者百度搜索图片,搜索到图片的提示文字有时是图片附件的文字,有时是图片所在文章的标题的截取文字。
综述在html中的img标签中的alt属性和title属性对于重要的图片都是必不可少的,作为前端,不仅需要考虑用户体验,要是可以,再考虑一下SEO,也是一件有意思的事儿。
他说img只需要title就可以了,我不太赞同。他的理由是以前火狐不支持title,现在可以很好的支持,所以不需要alt了。我的理解是既需要alt,同时也需要title。我的理由:title属性是用户体验层次上的,title是tool tip,是悬浮提示;alt也有一方面的用户体验层次上的,alt是图片不能显示时,出现的文字,而且还是对于视觉有问题的残疾人,使用的阅读器读取的文字部分。alt更是在SEO有深层的意义,搜索引擎的抓取图片信息时,抓取的是alt的属性值。还有一点是图片不加alt,在页面通过w3c验证时会出现警告。这么好的属性alt,为什么要不用呢?
而后又对搜索引擎的图片抓取搜索了一下,Google和百度对图片的搜索,很神奇,抓取蜘蛛并不只是对图片的关键字进行搜索,还分析了图片周围的文字和文章的标题。用google或者百度搜索图片,搜索到图片的提示文字有时是图片附件的文字,有时是图片所在文章的标题的截取文字。
综述在html中的img标签中的alt属性和title属性对于重要的图片都是必不可少的,作为前端,不仅需要考虑用户体验,要是可以,再考虑一下SEO,也是一件有意思的事儿。