【发布时间】：2012-08-03 03:05:02
【问题描述】：
html代码可以放在alt标签里面吗？
我有一个使用 alt 标签进行描述的滑块。为了样式描述，我必须放置 html 代码。
我的问题是我不知道它是否会损害 SEO 或任何其他需要考虑的事情..
【问题讨论】：
标签： html seo slider alt alt-attribute
【发布时间】：2012-08-03 03:05:02
【问题描述】：
HTML 标记对 alt 属性 的内容无效。如果您需要一个花哨的对话框，您可以使用 JavaScript 轻松完成，甚至可以使用普通的旧 CSS。这样您的代码是有效的，并且您不会遇到任何潜在的 SEO 问题。
【讨论】：
-
对不起，我想我无法清楚地提出我的问题。我没有创建一个对话框。我正在为网站创建滑块/幻灯片横幅。它有一个放在 alt 属性中的字幕。为了设置字幕的样式，我需要在 alt 属性中放入一些 html 代码。最好的方法是什么？谢谢
是的，您可以使用<img src=foo alt="<i>Hello</i> world">。我看不出任何人会这样做的任何理由，但这是有效的。 alt 属性将被逐字渲染，因为它是一个属性值；那里没有识别出 HTML 标记。
alt 标签值的呈现可能会或可能不会受到样式表和标签周围标记的影响。如果你写<b><img src=foo alt="<i>Hello</i> world"></b>，那么高级浏览器会在不显示图像时以粗体显示<i>Hello</i> world（但不是斜体）。 （处理alt 属性的“工具提示”部分是一个不同的问题，无法设置样式，并且通常不会出现在任何现代浏览器中。）
正如 Baptiste Place 在他的回答中指出的那样，要仅使用带有一些要通过 JavaScript 显示的文本的属性，data-* 属性是一种更好的方法。技术上可以使用alt，但是当图像不显示时（至少是暂时的，由于延迟），这会导致奇怪的事情，而使用alt 文本代替。
此外，众所周知，搜索引擎会关注alt 属性值，因此在考虑属性的定义角色时，它们不应包含任何无意义的内容（以提供在未显示图像时使用的替代文本） .
【讨论】：
为了样式描述，你需要CSS； HTML 用于定义文档的结构。
【讨论】：
您不应该对滑块使用 alt 属性，而是使用您自己的属性和 data-* 属性。有关数据属性的更多信息：http://www.marcofolio.net/webdesign/html5_data-_attributes_are_great_and_you_know_it.html
您应该制作这种 html（使用 data-longdescr，但使用任何您喜欢的数据）：
<img src="/img/pic.jpg" alt="Jumping over a fence" data-longdescr="<b>Jumping</b> over a fence" />
提防引号思想，它们必须被转义！
【讨论】：
标记不适用于 alt 属性。
我会将所有描述标签放在CSS 类中。然后，单独设置类的样式。
【讨论】：
我认为你们都误解了这个问题，OP 询问是否可以将 html 插入到 alt 标记中，因为他想设置输出文本的样式，因为他将输出文本用作覆盖幻灯片的描述性文本。我遇到了同样的问题，发现可以将 html 插入到 alt 标签中。这非常方便，因为我使用的是 Wordpress 灯箱插件，它将我页面上的每个图片链接转换为幻灯片的一部分，并将替代文本作为描述性文本输出到每个图像上。
如果我只能输入纯文本，那么我的描述样式将非常有限，我将无法添加链接等很棒的东西：
<img alt="<?php echo "Title" . "Lorem Ipsum dolor" . "<a href='http://www.google.com'>View Website</a>"; ?> " src="<?php echo $img; ?>">
我使用 php 来插入标记，虽然你也可以使用纯 html
alt="<h3>Title</h3><p>Lorem Ipsum dolor</p><a href='http://www.google.com'>View Website</a>"
哪些输出：
标题
Lorem Ipsum 忧郁
我不确定这是否对 SEO 有好处，但它绝对很方便，而且我直到现在才知道这是可能的。
【讨论】：