Question

在HTML中，我试图在文本中显示包含一些等宽字符的链接（即程序代码）：

示例：

behaviour for value="47"

<a href="http://example.com/somewhere.html">behaviour for value="<code>47</code>"</a>

在屏幕上（浏览器呈现了html），下划线被分割（非常难看......）。怎么避免这个？有更好的风格建议吗？ I. E.与程序代码的表示有关，如HTML元素或属性......

新示例（请参阅与Malte的沟通）：

<p>bla bla bla.</p>
<a href="http://example.com/somewhere.html">example for select statemens of <code>SELECT * FROM</code> type</a>
<p>These select statements are usually ...</p>

我不想避开下划线。我打算避免的是下划线的分割。对于某些代码示例，情况更糟：等宽文本的下划线显示在较低位置（屏幕上的垂直位置）而不是其他文本的下划线。

另一个例子：

<p>bla bla bla.</p>
<a href="http://example.com/somewhere.html">Effect of attribute <code>target="_blank"</code> in hyperlink tag A</a>
<p>These ...</p>

稍后添加：

There seems a similar question at stackoverflow concerning superscript tag

我使用了那里给出的例子（http://jsfiddle.net/UPUVN），结果发现下划线没有在IE和FF上分割，而是在opera中分割。所以我们有浏览器和浏览器版本相关的问题。明天我会在客户工作站上挖掘更多信息。

Answer 1

您应该为链接<a></a>标记使用css样式，如果您希望避免链接下划线：

＆＃13;

a{
text-decoration:none;
}

#blah{
    border-bottom:solid 1px black;
    display:inline-block;
    line-height:15px
}

＆＃13;

<a  href="http://example.com/somewhere.html">example for value="<code>47</code>"</a>

<br/>
<div id="blah">
   <a href="#">We have winner of 1<sup>st</sup> Tournament</a>
</div>

＆＃13;

Answer 2

由于您的示例是所有代码，代码标记应该包装a-tag的所有内容，这更像是语义方面。

HTML：某些浏览器显示包含带有中断下划线的

2 个答案: