当前位置:  编程技术>WEB前端

关于超链接的下划线 使用说明

    来源: 互联网  发布时间:2014-09-06

    本文导语:  关于超链接中的下划线这个及细节的问题,想必大家都有过讨论和思考,大家都知道,把握一个原则即可:“让使用者清楚的区分超链接文本和其他文本形式,并潜意识知道可以点击。”;但对于是否可以潜意识知道可以点击...

关于超链接中的下划线这个及细节的问题,想必大家都有过讨论和思考,大家都知道,把握一个原则即可:“让使用者清楚的区分超链接文本和其他文本形式,并潜意识知道可以点击。”;但对于是否可以潜意识知道可以点击,还是有争议的,不同的人,不同的环境会有不同的见解。

不妨分几个场景讨论一下:

1. 导航区域,潜意识我会去点击。

即便有下划线也是个“古老形式”的摆设,所以一般没有下划线;好的设计不仅满足点击,还满足视觉的层级关系。

2. 整页全是链接,下划线成了可有可无的表现。

象新浪、搜狐首页都是可以点击的,所以下划线的有无意义也就不大,猫扑在首页设计中就去
掉了可有可无的下划线。(下图自上而下依次为:新浪、搜狐、猫扑。)

3. 可以点击吗?别让我去猜!

看下面的设计抓图,只有Google和百度的设计我没有疑惑,其他两个的设计我要自己去猜。
 
4. 在超链接和文本混排的情况下,下划线更容易让我们去点击。


5. 独立超链接,不加下划线不足以“明示”。

6. 需要特别突出显示的链接,必要的时候使用“伪按钮”。

关于伪按钮的问题,臭鱼在其接受伪按钮已阐述的比较明确,在此不再赘述。

说明:大家根据具体的环境而定,目的是让超链接更容易被潜意识的点击,避免过多的尝试和思考而浪费浏览者更多的时间。

附:超链接的作用
       罗嗦一下基本概念,所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。

超链接的基本分类:

  • 按照链接路径的不同,网页中超链接一般分为以下3种类型: 内部链接,锚点链接和外部链接。
  • 如果按照使用对象的不同,网页中的链接又可以分为:文本超链接,图像超链接,E-mail链接,锚点链接,多媒体文件链接,空链接等。

    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • HTML 5 <base> 标签-规定页面中所有链接的基准 url
  • 如何在一个静态链接库中链接另一个静态链接库?
  • HTML 5 <a>定义超链接标签
  • 未使用链接器输入文件,因为链接尚未完成
  • HTML 超链接详细介绍
  • 讨论一下UNIX中的硬链接与符号链接
  • HTML URL 链接 ( 统一资源定位器 )定义及用法详细介绍
  • linux中静态链接库调用了另一个静态链接库
  • ​Docker 容器数据管理,链接容器,构建私有库
  • 如何判断是否是硬链接 或者是软链接 还是源文件
  • 链接器链接目标文件和printf.o是怎么连接的
  • 编译静态链接库,其中使用了其它链接库,该如何写makefile
  • 动态库链接 变为 静态库链接问题
  • .a文件的动态链接和静态链接问题
  • linux中都有哪些链接方式,创建链接的命令是什么?
  • 什么是符号链接,什么是硬链接?他们的区别是什么?
  • 怎样在点击某个链接时弹出YES/NO对话框?只有yes时才进入此链接。
  • linux下静态库使用:"未使用链接器输入文件,因为链接尚未完成"
  • linux下什么函数是用来“创建软链接和硬链接的呢“有么,今天突然想到这个问题。。
  • jquery代码-在弹出窗口中打开链接和在选项卡中打开链接
  • 急:请问SSH2链接是什么意思?在windows终端怎样具体操作来通过SSH2链接管理linux服务器?


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3