网站建设中忽略间隔图像

日期:2011年08月19日

很多设计师使用透明的间隔图像,在可视化浏览器来控制他们的网站的的布局。您可以使用多达你喜欢,但你需要明确指定一个空的ALT属性,每间隔图像上,使非可视化浏览器知道要忽略他们 。

谁因此获益?

  1. Marcus从中获益了 。默认情况下,山猫显示文件名 ​​,不包含任何图像的ALT 属性 。许多流行的博客模板包括几个间隔图像,甚至在网站名称 。你没有注意到他们在你的视觉浏览器,当然,但是这是马库斯认为:

    [shim.gif] [shim.gif] [shim.gif] [shim.gif]欢迎光临我的网站[ciblueHeader2.gif] [ciblueCurve2.gif]
  2. Jackie从中获益了 。默认情况下,JAWS 读取文件名 ​​,不包含任何图像的ALT 属性 。如果你认为马库斯很恼火,想象成龙听到这是多么令人沮丧:

    图形垫片点GIF图形垫片点GIF图形垫片点GIF图形垫片点GIF欢迎到我的网站图形ciblue头两个点GIF图形ciblue曲线的两个点GIF

    如果您介绍自己在现实生活中一样,没有人会和你谈谈。

怎么办呢

无线用户可以利用休息一天。截至上周一,收音机会自动生成空的ALT属性的所有间隔图像 。(杰克。)如果您的主页上查看源,你没看到ALT =“”对任何间隔图像,更新Radio.root并重新发布您的网站。

其他发布工具的用户应寻求通过您的模板 <IMG>标签与文件名 ​​,如“ spacer.gif“, “ shim.gif“, “ 1.gif“,或任何图像出现在您的模板重复几次 , 可能具有不同的宽度和高度属性每次。

例如,对于每一个间隔图像,看起来像这样:

<img src="spacer.gif" width="1" height="10">

改成这样:

<IMG SRC =“spacer.gif” ALT =“” width=“1”=“10”>

如果您再次使用相同的间隔图像多次,这可能是最容易做的全局搜索和替换。

不要做

  1. 不要定义ALT =“” 。alt 属性应该是一个空字符串,而不是一个空间

  2. 不要在你指定一个 alt 属性<BODY>标签,即使它定义了一个背景图像。此背景图像总是被忽略的非可视化浏览器。它看起来像这样:

    <body background="http://url/to/image.gif">

  3. 不要指定一个 alt 属性<td>标记,即使它们定义背景图片。这些背景图像总是忽视了非可视化浏览器。他们看起来像这样:

    <td background="http://url/to/image.gif">

Tags:版式设计
上一篇文章:如何选择一个友好的搜索引擎设计师
下一篇文章:网页设计中安全地使用色彩