关于超链接的下划线 使用说明_经验交流

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

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

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

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

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

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

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

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

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

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

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

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

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

超链接的基本分类:

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

关于超链接的下划线 使用说明_经验交流的相关文章

CSS属性 - white-space 空白属性使用说明_经验交流

CSS属性 - white-space 空白属性说明 该CSS属性用来处理空白. 值:normal | pre | nowrap | inherit  可用值 值的说明  normal 缺省值.文本自然换行.如果超过元素宽度,内容自然换到下一行.  nowrap 不允许换行.  pre 保留换行和空白.这个值只有当你声明了!DOCTYPE,且 IE 6 以上版本才支持. 在 HTML 文件里,空白,比如换行符 (line breaks). 空格 (spaces). 制表符 (tabs),都被自动

支持IE6 IE7 Firefox 的纯CSS的下拉菜单_经验交流

XHTML/CSS 标准 教程 技术文章 常见问题 布局教程专题 CSS菜单 浏览器兼容 滚动条相关 圆角矩形专题 CSS特效欣赏专题 AJAXAJAX教程 AJAX技术 JavascriptJSON 技术文章 DOM XML 正则表达式正则表达式简介 正则表达式之道 网站优化 电脑网络 建站技术PHP ASP ASP.NET JSP SQL Flash Dreamweaver 2007-4-16 css drop down menu

win8.1系统如何去除IE浏览器超链接的下划线

  1.进入win8系统后在metro菜单中直接双击进入到IE浏览器程序之中,如果大家发现win8电脑的metro界面中没有IE浏览器的话,则可以先返回到win8电脑的传统桌面,然后双击进入到IE浏览器; 2.在打开的IE浏览器界面中,依次点击上方的设置-Internet选项,然后就会出现一个Internet选项窗口;   3.在打开的Internet选项窗口中,您将界面切换到高级这一栏中,然后在下面找到"为链接加下划线"选项; 4.然后将它的状态设置为"从不",完

Microsoft FrontPage技巧之如何去除超链接的下划线

frontpage|技巧|链接 一日在网上,有朋友看了我的"梦溪河"后问:"你主页里的下划线是怎么去掉的?"因为当时手头正有事做,没顾得上回答,只好告诉对方说:"我是用FrontPage做网页的,此软件中就有去除的下划线的功能,你多玩玩FrontPage软件就知道了."也不知他后来去除超链接的下划线没有? 今天刚好有时间来更新网页,便想起了这个问题.可又不知道朋友是哪位了,只好写这篇短文,让爱好做网页的朋友共同交流. 我也和众多的初学者学做网页一

用FrontPage去除超链接的下划线

frontpage|链接 一日在网上,有朋友看了我的"梦溪河"后问:"你主页里的下划线是怎么去掉的?"因为当时手头正有事做,没顾得上回答,只好告诉对方说:"我是用FrontPage做网页的,此软件中就有去除的下划线的功能,你多玩玩FrontPage软件就知道了."也不知他后来去除超链接的下划线没有?     今天刚好有时间来更新网页,便想起了这个问题.可又不知道朋友是哪位了,只好写这篇短文,让爱好做网页的朋友共同交流.     我也和众多的初学者

如何清除WPS 2005文档中超链接的下划线

我们用WPS文字编辑文档时,插入超链接之后,系统会自动在超链接的下面显示一个下划线,这是为了让用户更好的区分超链接与普通文本而设置的.可当我们要打印该文档时,这个额外的下划线就有些讨厌了,会影响文档的打印效果.我们如何在保持其超链接特征的前提下轻松清除这些下划线呢,且看我的方法. 我们可以在编辑完文档后,打印前一次性清除所有超链接的下划线. 点击"格式"工具栏上的"样式和格式"按钮 () , 或通过菜单栏上的"格式→样式和格式"来打开"

如何去除Word超链接的下划线

  1.选中需要去除下划线的超链接,接着点击工具栏的"样式". 2.在样式里找到"超链接"并选择"修改". 3.在修改样式里我们就可以看到下划线的选项,我们可以将下滑想取消即可. 4.取消下划线后返回文档就会发现超链接的下划线已经消失啦,是不是特别的简单呢?

层盖住下拉列表框问题解决方案_经验交流

IE6真的让人很郁闷.但是就目前而言,我们还是不能放弃对IE6的兼容.从下面的我的blog访问统计分析数据来看,使用IE6的还是占有绝对主流的.列表框问题解决方案_经验交流-下拉列表">本来想顺便说说web标准中这个"标准"到底是个什么东西,但是发现,还是明日另起一篇吧.因为这个不是"顺便说说"就能说清楚的.我们今天还是不如这个正题--如何让层盖住下拉列表框? 非常郁闷或者非常幸运的说一下:这个问题只会出现IE7之前那些对web标准支持不好的浏览器中

用户界面讨论:网页中超链接的下划线

关于超链接中的下划线这个及细节的问题,想必大家都有过讨论和思考,最重要的原则即:让使用者清楚的区分超链接文本和其他文本形式,并潜意识知道可以点击.但对于是否可以潜意识知道可以点击,还是有争议的,不同的人,不同的环境会有不同的见解. 不妨分几个场景讨论一下: 1. 导航区域,潜意识我会去点击.   即便有下划线也是个"古老形式"的摆设,所以一般没有下划线:好的设计不仅满足点击,还满足视觉的层级关系. 2. 整页全是链接,下划线成了可有可无的表现. 象新浪.搜狐首页都是可以点击的,所以下划