首页 web前端 css教程 关于超链接的下划线 使用说明_经验交流

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

May 16, 2016 pm 12:07 PM
使用说明

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

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

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

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

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

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

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

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


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

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

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

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

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

超链接的基本分类:

  • 按照链接路径的不同,网页中超链接一般分为以下3种类型: 内部链接,锚点链接和外部链接。
  • 如果按照使用对象的不同,网页中的链接又可以分为:文本超链接,图像超链接,E-mail链接,锚点链接,多媒体文件链接,空链接等。
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

仓库:如何复兴队友
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

一加budsPro怎么使用_一加budsPro使用说明 一加budsPro怎么使用_一加budsPro使用说明 Mar 23, 2024 am 10:11 AM

1、降噪模式和通透模式切换长捏耳机柄约1秒钟,可在降噪模式和通透模式之间切换。2、音乐模式单次按捏耳机柄,可暂停或播放音乐两次按捏耳机柄,可播放下一首三次按捏耳机柄,可播放上一首或唤醒语音。3、通话模式通话状态下,单次按捏耳机柄,可接听或挂断电话。4、如何重置打开耳机盒,当充电盒指示灯闪烁红灯5次后,松开按键,耳机重置完毕。三、怎么连接手机1、打开充电盒2、长按设置按键2秒3、待手机屏幕出现弹窗,单击确认连接。四、怎么查看电量情况1、当耳机连接手机时,可在手机屏幕弹窗中查看耳机及充电盒电量。2、

UniApp实现支付功能的接入与使用说明 UniApp实现支付功能的接入与使用说明 Jul 04, 2023 am 10:27 AM

UniApp实现支付功能的接入与使用说明随着移动支付的普及,很多应用都需要集成支付功能,以方便用户进行在线支付。UniApp作为一种基于Vue.js的跨平台开发框架,具有一次开发多平台使用的特点,可以轻松地实现支付功能的接入。本文将介绍UniApp中如何接入支付功能,并给出代码示例。一、支付功能的接入在App端的manifest.json文件中添加支付权限:

如何使用Hyperf框架进行多语言处理 如何使用Hyperf框架进行多语言处理 Oct 20, 2023 am 11:10 AM

如何使用Hyperf框架进行多语言处理引言:随着互联网的全球化,多语言处理成为了很多应用程序开发的必备技能。在Web应用开发中,如果能够支持多语言是非常重要的,因为它可以帮助你更好地满足不同用户的需求。本文将介绍如何使用Hyperf框架进行多语言处理,并提供具体的代码示例。安装Hyperf框架首先,我们需要安装Hyperf框架。可以使用composer命令来

uniapp中如何使用视频录制功能 uniapp中如何使用视频录制功能 Jul 06, 2023 pm 06:51 PM

uniapp中如何使用视频录制功能今天,笔者将向大家介绍如何在uniapp开发框架中使用视频录制功能。uniapp是一款跨平台的开发框架,我们可以在一次编写的代码基础上,同时在多个平台中运行我们的应用程序,这对于开发者来说非常方便。在uniapp中,我们可以使用uni-AD-IN摄像头组件来实现视频录制的功能。首先,我们需要在uniapp项目中安装uni-

利用高级筛选选项进行数据筛选 利用高级筛选选项进行数据筛选 Feb 18, 2024 pm 02:11 PM

如何使用高级筛选功能筛选数据在日常工作中,对大量数据进行筛选是一项非常常见和重要的任务。而常规的筛选功能可能无法满足对数据更精确、更复杂的筛选需求。为了解决这个问题,许多办公软件都提供了高级筛选功能,可以帮助用户更高效地筛选数据。本文将介绍如何使用高级筛选功能来对数据进行筛选。第一步:准备数据在使用高级筛选功能之前,首先需要准备好待筛选的数据。确保数据已经整

cookies的详细使用说明 cookies的详细使用说明 Feb 22, 2024 pm 12:21 PM

cookies是一种常见的网络技术,用于存储用户在网站上的个人偏好和行为信息。在今天的数字化时代,几乎所有的网站都使用cookies来提供个性化和更好的用户体验。本文将详细介绍cookies的使用说明,帮助用户更好地理解和掌握这一技术。首先,我们来了解一下cookies的基本概念。Cookies是网站在用户浏览器上存储的小型文本文件,包含有关用户访问网站的一

win7activation激活工具使用方法 win7activation激活工具使用方法 Jul 17, 2023 pm 08:37 PM

win7系统跟其他的windows系统一样都是需要激活才能使用全部的功能的。那么如何激活win7呢?常用的方法就是借助win7激活码或者win7激活工具,而比较好用的就是win7activation激活工具了。下面小编给大家介绍下win7activation激活工具使用方法。具体的方法如下:1、首先网上下载“WIN7Activation”(Win7激活工具),把程序拷贝到电脑上,双击打开它。2、然后直接点击:激活,变会自动开始激活状态。3、程序激活win7系统完成后,弹出提示,点击:是。4、重启

如何使用Hyperf框架进行API接口开发 如何使用Hyperf框架进行API接口开发 Oct 21, 2023 am 10:15 AM

如何使用Hyperf框架进行API接口开发前言在当前的Web开发中,API接口已经成为了不可或缺的一部分。Hyperf是一个基于Swoole与PHP协程的高性能框架,它提供了各种工具和组件,方便开发者快速构建高性能的API接口。本文将介绍如何使用Hyperf框架进行API接口开发,并提供具体的代码示例。环境搭建首先,我们需要在本地环境中搭建Hyperf框架的

See all articles