您现在的地位: 365体育备用网址 > bet365体育在线, > html5教程 > HTML <img> 标签的 alt 属性

HTML <img> 标签的 alt 属性_365体育备用网址官网资讯

您现在的地位: 365体育备用网址 > bet365体育在线, > html5教程 > HTML <img> 标签的 alt 属性

HTML <img> 标签的 alt 属性

此节有 193 人学习过     参与评论

实例

<img src="/i/eg_tulip.jpg"  alt="上海鲜花港 - 郁金香" />

亲自试一试

如果无法显示图像,扫瞄器将显示替代文本,就像这样:

上海鲜花港 - 郁金香

此外,当用户把鼠标移到图像上方,最新的扫瞄器会在一个文本框中显示描述性文本。下面的代码在 alt 属性中为图像添加了描述性文本:

您能够把鼠标移动到下面的照片上,看看相应的效果:

上海鲜花港 - 郁金香

红圈中的文本框是用户把鼠标移动到图像上时,IE7 扫瞄器所显示的效果:

上海鲜花港 - 郁金香

定义和用法

alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本。

假设由于下列原因用户无法察看图像,alt 属性能够为图像提供替代的信息:

  • 网速太慢
  • src 属性中的失误
  • 扫瞄器禁用图像
  • 用户使用的是屏幕阅读器

<img> 标签的 alt 属性指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在扫瞄器中的内容。

我们强烈推举您在文档的每个图像中都使用这个属性。这样即使图像无法显示,用户还是能够看到利豪棋牌手机版官网遗失了什么东西的一些信息。而且对于残疾人来说,alt 属性通常是他们了解图像内容的唯一方式。

提示和注释:

注释:alt 属性的值是一个最多能够包含 1024 个字符的字符串,其中包括空格和标点。这个字符串必须包含在引号中。这段 alt 文本中能够包含对特别字符的实体引用,但它不同意包含其余类别的标志,特别是不同意有任何样式标签。

注释:当用户把鼠标移动到 img 元素上时,Internet Explorer 会显示出 alt 属性的值。这种行为并不正确。一切其余的扫瞄器正在向规范靠拢,只要当图像无法显示时,才会显示出替代文本。

提示:如果需要为图像创建工具提示,请使用 title 属性。

语法

<a alt="value">

属性值

描述
text

规定图像的替代文本

alt 文本的使用原则:

  • 如果图像包含信息 - 使用 alt 描述图像
  • 如果图像在 a 元素中 - 使用 alt 描述目的链接
  • 如果图像仅供装饰 - 使用 alt=""

TIY 实例

<img> 标签的 alt 属性
本例演示如何为万博娱乐注册显示替换文本。在扫瞄器无法载入图像时,替换文本属性告诉读者他们失去的信息。为页面上的图像都加上替换文本属性是个好习惯。

如对本文有疑问,请提交到交流希尔顿真人娱乐网站,广大热心网友会为你解答!! 点击进入希尔顿真人娱乐网站


公布评论 (193人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换万博娱乐注册
最新评论
------分隔线----------------------------
html5教程目录
条评论
Sitemap