浏览网站时你可能发现,对于链接[a]是否有下划线,有的网站有,有的网站没,有的网站有的地方有,有的地方没!
这个有什么标准吗?
默认的HTML在为设置状态下,链接是带下划线的。但网站出于美观或使用考虑对于一些链接去掉了下划线。
使用链接下划线的好处,方便用户知道此为链接。
而对于导航或其他链接集中使用的地方,或者对于大段文字加链接,或者对图片加链接一般都不显示下划线。这样会比较美观。但前提是用户知道这是链接。
链接下划线还有个问题看下图。
百度首页。对于链接下划线,你会很容易发现问题。下划线靠近文字太近了,会使文字不方便辨认。
在IE9和chrome中都是这样显示,但在IE6、IE7上下划线和文字有间隙,可以方便辨认文字。
注意英文和数字经测试不存在辨认问题。
怎么解决呢?我想的解决办法是,将链接的下划线全部去掉,对于要使用下划线的链接,可是指的底部边框(border-bottom)。
链接下划线使用原则总结
- 去掉所有链接下划线,使用border-bottom来实现下划线。
- 对于导航链接,不使用下划线,当鼠标悬浮时,可显示不同颜色或者显示下划线。
- 对于在大段文字中嵌入的链接使用下划线。这样可以让用户很明确知道这是一个链接。
您的觉得呢?