1

将html代码放在alt标签中可以吗？

我有一个使用 alt 标签进行描述的滑块。为了样式描述，我必须放置 html 代码。

我的问题是我不知道它是否会损害 SEO 或任何其他需要考虑的事情..

4

6 回答 6

2

HTML 标记对 alt属性的内容无效。如果您需要一个花哨的对话框，您可以使用 JavaScript 轻松完成，甚至可以使用普通的旧 CSS。这样你的代码是有效的，你不会遇到任何潜在的 SEO 问题。

于 2012-08-03T03:12:08.587 回答
1

是的，您可以使用<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属性值，因此在考虑属性的定义角色时，它们不应包含任何无意义的内容（以提供在未显示图像时使用的替代文本）。

于 2012-08-03T10:35:03.743 回答
0

为了给描述设置样式，你需要 CSS；HTML 用于定义文档的结构。

于 2012-08-03T03:14:27.187 回答
0

您不应该为滑块使用 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" />

当心报价思想，他们必须逃脱！

于 2012-08-03T09:47:39.483 回答
0

标记不适用于 alt 属性。

我会将所有描述标签放在一个CSS类中。然后，单独设置类的样式。

于 2012-08-03T11:00:33.083 回答
0

我认为你们都误解了这个问题，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 有好处，但它绝对很方便，而且我之前不知道的事情是可能的。

于 2015-05-12T08:33:08.710 回答