alt标签内的HTML代码(HTML codes inside alt tags)

2019-10-17 02:35发布

它是确定把alt标签内的HTML代码?

我有一个使用alt标签用于描述一个滑块。 为了样式的描述,我必须把HTML代码。

我的问题是我不知道这是否会伤害搜索引擎或任何其他的事情要考虑..

Answer 1:

HTML标记是无效的alt 属性的内容。 如果你需要一个花哨的对话框牛,你可以easilt accomlish这个JavaScript和马爷甚至普通的旧CSS。 这样,你的代码是有效的,你就不会遇到任何潜在的SEO问题。



Answer 2:

是的,你可以使用<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属性是一个不同的问题,unstyleable,一般不会出现在任何新型浏览器。)

在使用时只需携带通过JavaScript来显示一些文本的属性, data-*属性是一个更好的办法,因为巴蒂斯特发生在他的回答指出。 这在技术上是可以使用alt了,只当不显示图像(至少是暂时的,由于延迟),这会导致奇怪的事情蚂蚁alt文字代替它使用。

此外,搜索引擎知道扮演注意alt属性值,所以他们不应该包含什么考虑属性的定义角色时是没有意义的(提供替代文本时不显示图像使用)。



Answer 3:

为了样式的描述,你需要CSS; HTML是一种定义文档的结构



Answer 4:

你不应该使用alt属性为您的滑块,用数据 - *属性,而不是使用自己的财产。 对数据属性更多信息: http://www.marcofolio.net/webdesign/html5_data-_attributes_are_great_and_you_know_it.html

你应该让这种类型的HTML(使用数据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标签,因为他想为他用它作为描述性文本覆盖了幻灯片样式输出文本。 我已经运行到同样的问题,发现有可能在对alt标签插入HTML。 这是非常方便的,因为我使用的是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存有疼痛

浏览网站

我不知道这是否有利于搜索引擎优化,但它绝对是得心应手,这是我不知道的是可能到现在。



文章来源: HTML codes inside alt tags