博客园  :: 首页  :: 新随笔  :: 订阅 订阅  :: 管理

到底链接要不要带下划线?

Posted on 2011-06-14 18:04  PHP-张工  阅读(2253)  评论(2编辑  收藏  举报

浏览网站时你可能发现,对于链接[a]是否有下划线,有的网站有,有的网站没,有的网站有的地方有,有的地方没!

这个有什么标准吗?

默认的HTML在为设置状态下,链接是带下划线的。但网站出于美观或使用考虑对于一些链接去掉了下划线。

使用链接下划线的好处,方便用户知道此为链接。

而对于导航或其他链接集中使用的地方,或者对于大段文字加链接,或者对图片加链接一般都不显示下划线。这样会比较美观。但前提是用户知道这是链接。

链接下划线还有个问题看下图。

百度首页。对于链接下划线,你会很容易发现问题。下划线靠近文字太近了,会使文字不方便辨认。

在IE9和chrome中都是这样显示,但在IE6、IE7上下划线和文字有间隙,可以方便辨认文字。

注意英文和数字经测试不存在辨认问题。

怎么解决呢?我想的解决办法是,将链接的下划线全部去掉,对于要使用下划线的链接,可是指的底部边框(border-bottom)。

链接下划线使用原则总结

  • 去掉所有链接下划线,使用border-bottom来实现下划线。
  • 对于导航链接,不使用下划线,当鼠标悬浮时,可显示不同颜色或者显示下划线。
  • 对于在大段文字中嵌入的链接使用下划线。这样可以让用户很明确知道这是一个链接。

您的觉得呢?