Question

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

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

我的问题是我不知道它是否会损害搜索引擎优化或任何其他需要考虑的事情。

Answer 1

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

Answer 2

是的，您可以使用<img src=foo alt="Hello world">。我没有看到任何人会有任何理由，但这是有效的。然后，alt属性将按字面呈现，因为它是属性值;那里没有识别HTML标签。

alt标记值的呈现可能会受到样式表和标记周围标记的影响，也可能不受其影响。如果您撰写<img src=foo alt="Hello world">，则高级浏览器会在不显示图片时以粗体（但不是斜体）显示 Hello world 。（处理alt属性的“工具提示”部分是一个不同的问题，不可设计，通常不会出现在任何现代浏览器中。）

要仅使用带有一些文本的属性通过JavaScript显示，data-*属性是一种更好的方法，正如BaptistePlacé在他的回答中指出的那样。技术上可以使用alt，但是当图像没有显示时（至少是暂时的，由于延迟），这会导致奇怪的事情，而alt文本将被替代。 / p>

此外，已知搜索引擎会关注alt属性值，因此在考虑属性的已定义角色时，它们不应包含任何无意义的内容（以提供在图像不是时使用的替代文本示出）。

Answer 3

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

Answer 4

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

谨防引号，必须逃脱！

Answer 5

标记不适用于alt属性。

我会将所有描述标记放在CSS类中。然后，分别设置类的样式。

Answer 6

我认为你们都误解了这个问题，OP正在询问是否可以将html插入到alt标签中，因为他想要将输出文本设置为样式，因为他将其用作覆盖幻灯片的描述性文本。我遇到了同样的问题，发现可以将html插入到alt标签中。这非常方便，因为我使用的是Wordpress灯箱插件，可以将我页面上的每个图片链接转换为幻灯片的一部分，并将alt文本作为描述性文本输出到每个图像上。

如果我只能输入纯文本，那么我的描述的样式将非常有限，我将无法添加链接等令人敬畏的内容：

<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 dolor

View Website

我不确定这对搜索引擎优化是否有用，但它确实很方便，直到现在我都不知道。

alt标记内的HTML代码

6 个答案:

标题