-1

好的，所以我知道这确实令人不悦，这是我通常不会做的事情。事实上，我从来没有推出过这样的网站。但似乎没有太多选择。

我正在使用一个基本上只是一个整页滑块的客户端进行网页设计。最初的设计看起来可以移植到 Flash。我计划使用 jQuery，因此至少它不依赖于插件，但内容文本经过复杂设计并合并到幻灯片图像中。

从我所看到的情况来看，我实际上可以放置在页面上而不嵌入图像中的唯一文本是导航，并且可能是网站标题的一部分。

幻灯片图像中有很多内容——对于在 <img /> 标签上放置 alt="" 属性来说太多了。我知道 HTML5 不推荐使用 longdesc="" 属性，并且无论如何都不能很好地支持它，所以它已经过时了。我想从图像中复制文本并将其放置在隐藏的 <div></div> 标记或 <noscript></noscript> 标记中，或将其偏移以使其不可见，以及其他隐藏内容的方法动态的、基于 JavaScript 的网站。但是，我也知道像谷歌这样的搜索引擎开发人员对这类事情不屑一顾，这可能会损害我的 SEO 排名。

<noscript></noscript> 元素将是一个很好的解决方案，但据我了解，如果元素的内容与文档中其他地方存在的内容重复并且是动态控制的，那么您只能合法地实现它。也许我误解了这一点？

你能想到其他解决方案吗？

4

2 回答 2

1

您应该创建一个包含基于文本的内容的占位符。 div比创建一个 JavaScript 函数（onload）来用图像替换占位符innerHTML的属性！

于 2013-05-15T18:39:52.440 回答
1

object元素

您可以使用object而不是img. object元素的内容将用作后备（分别作为屏幕阅读器用户或搜索引擎机器人的替代品）：

<object data="your-image.png" type="image/png">
  <!-- the alternative/fallback content -->
</object>

longdesc属性

或者您可以使用元素的longdesc属性，该属性img在单独的规范中定义：http: //www.w3.org/TR/html-longdesc/（工作草案）：

该规范定义了一个longdesc属性，用于将扩展描述与基于 HTML5 的内容中的图像链接起来。

meta-description

此外，您可以在description-meta元素中包含文本（或开头或摘要） ：

<meta name="description" content"…">

但这只有在您为每个图像都有单独的 URL 时才有效（这可以通过History API来完成）

于 2013-05-16T16:09:19.570 回答