了解关于HTML Alt属性图像标签

使网站更易于访问的最简单方法之一是在图片标签中使用alt属性。 对我而言,有多少人会忘记使用这个简单的属性,这真是太神奇了。 事实上,现在,如果您想要编写有效的XHTML,alt属性对于img标签是必需的。 但人们仍然不这样做。

ALT属性

alt属性是img标记的一个属性,当它们遇到图像时,它将成为非视觉浏览器的替代物。 这意味着,该文本是为了在页面上看不到图像时使用的。 相反,显示(或阅读)是替代文本

当客户将鼠标放在图像上时,许多浏览器也会显示替代文字。 这意味着文本应该清晰易读,并且不会为任何读者在您的页面上暂停鼠标创建巨大的弹出式噩梦。 添加替代文字很简单,只需在图片上使用替代属性即可。 以下是编写alt标签的一些提示:

简洁的

如果alt文本太长,某些浏览器会实际上中断。 尽管描述图像中的确切内容似乎很好,但这不是alt标记的目的。 相反,它应该充满了将图像置于上下文中而不再需要的单词

清楚

不要太简短,以免上下文混淆。 请记住,有些人只会在alt标签中看到文字,所以如果太短暂,他们可能无法理解您想要显示的内容。 例如:

是上下文的

如果要在上下文中查看图像,请不要描述图像。 例如:如果您有公司徽标的图像,则应该写入“公司名称”而不是“公司名称徽标”。

不要显示您的网站的内部工作

如果您要放置间隔图片 ,请为您的替代文字使用空格。 如果你写“spacer.gif”,它只是提醒你注意网站,而不是提供有用的信息。 从技术上讲,如果你想写有效的XHTML,你应该使用CSS而不是间隔图像,所以你最好不要使用这些图像的替代文本。

有搜索引擎意识

如果您拥有简洁明了的简洁文字,可以帮助您的搜索引擎排名,因为您网页上的图片可以促进并增强您的关键字。

请勿将其仅用于搜索引擎优化

许多网站认为,如果他们使用替代文字作为搜索引擎优化工具,他们可以“欺骗”搜索引擎,优化他们的网站的关键字,他们没有那里。 然而,如果搜索引擎决定你试图伪造你的结果并将你完全从结果中删除,这可能会适得其反。