W3C优质网页小贴士(二)

作者:ZDYX 来源:zdyx.org 时间:2008-04-07 12:14:00 

阅读上一篇:W3C优质网页小贴士(一)

使用 alt 属性描述每幅图像

alt 属性有什么用?

alt 属性可以在一系列标签中使用(如 imgareainput 以及 applet),它能为该对象提供一个替代文本。

替代文本在下列常见的情况下,能为你的网站和访客提供一些好处:

  • 现在,各种不同平台都有功能不一的网页浏览器,有些根本无法显示图像,或只能显示特定的几种图像;有些能够设定为不载入图像。如果你的图像代码中包含 alt 属性,在这种情况下,绝大多数的浏览器都能显示该属性的内容来代替缺失的图像

  • 你的一些访客无法看清图像,比如他们患有弱视、色盲,或近视,alt 属性对他们的帮助就很大了。他们可以根据该属性中的内容来了解你页面中的信息

  • 搜索引擎机器人就属于上述两种类型:如果你想让你的网站被完整收录到搜索引擎中,使用 alt 属性可以保证搜索引擎机器人不会错过你页面中的重要部分。

我应该在 alt 属性中放置什么?

alt 属性内容的一般规则是:使用与图片具有相同功能的文字。

一些更具体的规则:

  • 如果该图片用于配合少量文字,则将这些文字放置到 alt 属性中

  • 如果该图片用于列表符、水平线等类似的装饰效果,alt 属性可以留空(例如 alt=""),但如果能在 CSS 中使用 list-style-image 则更好

  • 如果该图片代表许多重要信息,则最好能概括出一小行文字放入 alt 属性中,然后添加一个 longdesc 链接,指向更详细的描述

标签:alt,标签,doctype,link,颜色
0
投稿

猜你喜欢

  • 利用python中pymysql操作MySQL数据库的新手指南

    2024-01-24 22:09:49
  • goFrame的队列gqueue对比channel使用详解

    2024-04-26 17:16:24
  • asp Server对象之MapPath方法

    2010-07-07 12:28:00
  • python+rsync精确同步指定格式文件

    2023-09-18 06:51:26
  • 基于pandas向csv添加新的行和列

    2021-11-29 02:28:56
  • 网页内容呈现建议十条

    2007-11-06 13:24:00
  • 微信小程序实现简单计算器与秒表

    2024-04-18 09:31:23
  • Python如何在DataFrame增加数值

    2021-07-23 12:56:29
  • 利用Python中xlwt模块操作excel的示例详解

    2023-08-16 18:51:47
  • 深入浅出Golang中的sync.Pool

    2024-02-11 12:59:34
  • Oracle学习笔记(四)

    2012-01-05 18:57:33
  • 关于Thinkphp6的日志问题

    2023-06-06 10:54:23
  • python3获取文件中url内容并下载代码实例

    2021-07-03 04:11:28
  • Javascript特效--划过放大的列表

    2008-03-21 12:18:00
  • 使用python的pandas为你的股票绘制趋势图

    2023-12-29 19:48:46
  • python中的单下划线与双下划线以及绝对导入与相对导入

    2021-09-01 06:26:59
  • 部署Django到阿里云服务器教程示例

    2022-03-28 23:46:19
  • 微软的jQuery国际化插件

    2010-07-02 12:46:00
  • Python+matplotlib绘制饼图和堆叠图

    2022-11-17 05:42:40
  • 如何使用Python实现一个简易的ORM模型

    2021-05-18 19:24:46
  • asp之家 网络编程 m.aspxhome.com