HTML alt 属性

alt 属性 -- 为无法显示的图像，表单，applets的用户代理(浏览器)，显示替换文字。替换文字的语言使用lang属性指定
  • alt是alternate text的缩写，中文为替换文字的意思
  • 引用网址:http://www.dreamdu.com/xhtml/attribute_alt/
  • alt属性取值:
    • 文字
  • alt属性通常可以使用在img，input，area，applet标签中

示例

<input type="image" src="dreamdu.gif" alt="Cancel" />
<img src="dreamdu.gif" alt="dreamdu logo" />

HTML alt 属性示例 -- 可以尝试编辑

说明

  • alt属性可以为无法看到图片的浏览者提供文字说明(可能是浏览器无法下载图片、浏览器不支持图片显示或者浏览者禁用了浏览器的图片显示功能)
  • 当页面被加载时通常最后加载图片，在加载图片之前浏览者就可以通过图片的alt属性的值了解图片的内容
  • 装饰性的图片通常把alt属性定义为空（不是空格，是什么都没有alt=""），最好不要使用无意义的替换文字，例如dreamdu.gif，dreamduimg
  • 额外的提示性说明通常使用title属性，而不是使用alt属性
  • alt属性值通常应该小于100个英文字符，对应50个中文文字，不过最好尽可能的短
  • 如果想使用更多的文字描述，可以使用longdesc属性
  • 可以使用lang定义alt属性值的语言

猴子提示: 替换文字应该准确描述图片，因此写替换文字时应仔细考虑，要保证为无法看到图片的人提供说明信息，并且具有上下文意义

延伸阅读

  • HTML title 属性
  • HTML lang 属性
  • HTML longdesc 属性

参考

From "HTML alt 属性 - HTML属性索引 - HTML教程,XHTML教程"


  • 教程中有什么不懂的地方？发现教程的错误！对教程有什么建议！快快给我留言呀 给猴子留言，我会尽快解答你的问题:)