样式化缩写和缩略词
2004年2月11日，星期三（格林威治标准时间 9:49AM）
现在，用虚线下划线（使用 CSS border-bottom: 1px dotted）来样式化 acronym 和 abbr 元素已成为一种普遍做法。就连 我的浏览器也为这些元素提供了默认的虚线下划线样式。
在我即将进行的重新设计中，我正在考虑的一个改变是完全移除这种样式，原因不仅在于我认为它不太有用，而且我认为它可能会引起误导。
下划线元素，无论以何种形式，都会让很多人联想到“我是一个链接”。我猜测，会有人错误地认为这种样式是一个链接，而真正理解它表示缩略词的人会更少。
也许这只是与周围文本形成对比的一种样式，使元素像链接一样突出。事实上，下划线不像以前那么必要了，许多网站现在都有非下划线链接，它们通过不同的颜色与其余非链接文本区分开来。
我的想法是仍然使用这些元素（这从未被质疑过），但仅仅应用 cursor: help 样式，这样当用户将鼠标悬停在缩略词上时，效果与之前相同。当然，问题在于，并没有任何东西暗示这里存在任何额外的信息。
但是，移除一种试图标准化的样式是否正确？如果这种特性的广泛理解能够实现，那将是极好的，但当它面临着来自引人注目的链接的如此巨大的竞争时，我看不出这会发生。
评论
评论2
不，现在不要放弃！
如果我们现在都使用虚线下划线，那么它就成为了事实上的标准。最终用户并没有*那么*愚蠢，迟早他会发现虚线下划线的含义，他的浏览体验也会因此而更加丰富。
虚线下划线正在变得“正常”，这一简单的事实足以证明它的合理性，无论你个人的品味如何。
DarkBlue 于2004年2月11日星期三下午1:10 GMT如此说道。
评论3
嗯……我不知道。我个人比较喜欢这种样式方法。当我看到这个时，我会想“啊，一个缩略词……我可以把鼠标悬停在上面找到它的意思。”但大多数人并不知道这一点。不，他们并没有那么愚蠢，要弄明白这一点也用不了多久，但关键在于对符号的即时反应。界面越直观，可用性就越高。
Patrick 于2004年2月11日星期三下午1:19 GMT如此说道。
评论4
“界面越直观，可用性就越高。”
说得太对了，Patrick。我同意，样式化的缩写词并不直观，但它很容易且快速地学会。
我认为，已定义缩写词的额外价值是相当可观的，而且正如上面所观察到的，未样式化的缩写词基本上是无价值的，因为用户并不欣赏有额外信息可用。
坚持下去，让虚线下划线被更广泛的公众所熟知。
DarkBlue 于2004年2月11日星期三下午1:39 GMT如此说道。
评论5
我支持下划线。你试过点击一个带下划线但不是链接的文本吗？如果我们废除 abbr 和 acronym 的虚线下划线，为什么不废除下划线标签呢？下划线文本在设计糟糕的网站中会造成混淆。
abbr 的下划线与 a 的下划线功能不同，所以它们看起来也不同。这就是 UI 的技巧。它告诉用户：“这与其他你遇到的下划线文本不同。”虚线下划线也对色盲和其他相关残疾人士有益。
另外，你们有多少人用过旋转的 .gif 或燃烧的火焰图标？我猜没多少。闪烁和跳动会分散注意力。网络上有如此多的横幅广告和其他干扰，为什么我们要把用户的光标变成一个干扰，把它变成一个帮助光标呢？你可能会说：“但 alt 文本也可以被归类为干扰！”对此我想说不是，因为链接已经有 alt 文本（或者应该有 alt 文本），所以弹出信息是预期行为。链接上的光标变化不是预期行为，精心设计的用户界面会做用户期望的事情。
现在你可能会说：“带下划线的链接不会把他们带到任何地方！这不是预期行为！”的确如此，但也要记住，链接是虚线的，不是实线的。由此用户可以推断出有些不同，但直到他们尝试点击“链接”之前，他们都不知道有什么不同。我们必须遵循 abbr 和 acronym 的虚线下划线标准，这样用户就会开始区分实线下划线和虚线下划线。
标准必须从某个地方开始。
Ryan 于2004年2月11日星期三下午3:04 GMT如此说道。
评论6
“链接上的光标变化不是预期行为”
我不知道你用的是什么浏览器，Ryan，我用的所有浏览器在鼠标悬停在链接上时都会将光标变成指向手形。
我与大多数人一样，支持虚线下划线。如果人们对此感到困惑，他们也不会困惑太久。如果我们每个人都选择一个看起来正确的不同约定，结果将会非常混乱。仅仅因为 W3C 没有花上数年时间来权衡它，并不意味着它不能成为一个有用的标准。毕竟，W3C 规范中并没有说“所有网页必须在左上角有一个标识网站名称并链接到主页的 logo”……
Chris Hunt 于2004年2月12日星期四下午4:23 GMT如此说道。
评论7
PTG，我可以为你写一个脚本，解决你这个棘手的问题。
假设你有这个：<ACRONYM>CSS</ACRNOYM>
我的脚本可以让它显示如下：
CSS（Cascading Style Sheets）
添加额外的内容将消除对 title、下划线等的需求，而我的脚本可以做到这一点。我可以使其具有良好的向后兼容性和速度。如果你有兴趣，请给我发邮件（pianoman@reno.com）！
Dante Evans 于2004年2月15日星期日凌晨4:01 GMT如此说道。
评论8
Accessify.com 的 Acrobot
http://www.accessify.com/tools-and-wizards/acrobot/basic.asp
可以通过其缩写词和缩略词列表，根据提交的文本自动生成代码。
Aaron 于2004年2月19日星期四晚上9:57 GMT如此说道。
评论12
最终用户应该决定这些标签的样式。
这提供了始终如一的呈现，并反映了个人选择。
如果 PTG 不喜欢虚线下划线，那么 PTG 应该只看到 cursor:help，
但不应该让 PTG 决定 STK 看到什么..
STK 于2005年3月26日星期六中午12:00 GMT如此说道。
评论14
@STK
> 但不应该让 PTG 决定 STK 看到什么。
CSS 的全部意义在于，设计者决定网站如何被查看。如果你想看到不同的东西，请编辑用户样式表。
Tom 于2005年12月23日星期五下午3:34 GMT如此说道。
评论1
abbr[title],acronym[title]{ cursor:help; }
Anne 于2004年2月11日星期三上午11:25 GMT如此说道。