HTML4严格:border =" 0"已弃用,如何替换它

时间:2014-09-10 09:08:44

标签: html css

使用Amaya检查我的HTML我检测到我的导航符号(即前面的章节)与border="0"被标记为已弃用。如何克服这个限制?我不希望我的章节转发符号被表示为链接。

实施例: <a href="...URL..."><img alt="chapter forward" src="../images/chforw.gif" border="0"></a>

我已尝试过CSS img {border:none },但这会在所有情况下禁用链接表示。

3 个答案:

答案 0 :(得分:1)

为您的元素提供一个类,例如

<a...><img class="vroum" alt="chapter forward" src="../images/chforw.gif"></a>

然后你的CSS规则可以是干净的,并且特定于这些元素:

.vroum {border:none }

Bonus(CSS的全部要点):您将能够更改所有这些元素的样式,而无需在任何地方更改HTML。

答案 1 :(得分:1)

相应地设置图片标签的样式:

<img alt="chapter forward" style="border: none;" src="../images/chforw.gif" border="0" />

答案 2 :(得分:0)

这并不是说不推荐使用边框,它曾经是您这样做的方式,但是现在,您必须了解样式应该是 CSS 的一部分,而不是像上面那样的图像属性。 如果要将边框用作下面的内联 CSS,可以使用 style 属性:

<img alt="chapter forward" style="border: none;" src="../images/chforw.gif" border="0" />