html 超链接下划线的距离,浅谈超链接中的下划线

网站中哪里是用户可以点击的呢？我把鼠标移上去，如果箭头变成一只手，那就表示可以点击。这并不需要费多大功夫。但如果我们迫使用户去思考本来通过下意识就能知道的东西，这纯粹是在浪费人们对你网站的好感度。

人们在网络上做得最多的一件事就是点击超链接。如果一个地方可以点击，那作为网页设计的我们就应该明确告诉他。其实这些也不会造成太大影响：我们使用这么多年的互联网，已经具备了一定的经验，能够识别出什么是超链接。

哪是否说超链接这个问题可以不用考虑了呢？当然不是，关于网站超链接，我们需要把握一个原则：让用户清楚的区分这几个字是否可以点击。下面卢松松还是以新浪网为例，来说明下划线应该用在什么地方。

有时候下划线可有可无

如果是网站的导航区域，我潜意识里一定会知道这里的任何东西都可以点击，这就是经验告诉我的。所以不管导航区域有没有下划线，对用户来说都没什么影响。

很多门户网站，例如新浪、搜狐首页里面的内容全部是可以点击的，这时候可以有下划线，也可以没有。例如网易和腾讯就去掉了超链接中的下划线。

(新浪的首页全部带下划线)

有时候最好有下划线

一般来说，在文字连接和普通文本混排的时候，下划线更容易让我们去点击。尤其以博客为主，很多博客的文章都含有文字和图片，在这种时候，普通文字的表达方式最好明显区分于超链接。

(下划线是不是更容易让人知道这里可以点击？)

给大家出个问题

就拿新浪来说，它的首页、财经、娱乐、体育、房产等频道都是全站带有下划线，而它的科技、博客、读书频道全站都超链接都无下划线，这是为什么？简单来说，就是为什么新浪有的频道是全站有下划线，而有的频道全站无下划线？

如果你能搞清楚这个问题，你就知道你的网站那里应该使用下划线，那里不应该使用了。

如何给超链接加入下划线?

通常来说CSS文件定义的a{text-decoration:underline;}意思是全站所有超链接均有下划线，如果打算单独某区域加入链接下划线，就可以这样定义，如：以我博客的内容页为例，博客通常的CSS定义是post标签，那么设定.post a{text-decoration:underline;}就表明，文章部分所有带链接的文字都加入下划线。顶: 3踩: 1

来源：卢松松博客(QQ/微信：13340454)，转载请注明出处！

html 超链接下划线的距离,浅谈超链接中的下划线相关推荐

python open找不到文件的原因_浅谈python在提示符下使用open打开文件失败的原因及解决方法...
题目:在提示符下使用open打开一个文件刚开始网上看了下打开的方式,结果一直实现不了,报错是没找到这个文件,而且和我输入的文件名不一样. 错误如下: >>>open('d:\456 ...
浅谈线程池（下）：相关试验及注意事项
三个月,整整三个月了,我忽然发现我还有三个月前的一个小系列的文章没有结束,我还欠一个试验!线程池是.NET中的重要组件,几乎所有的异步功能依赖于线程池.之前我们讨论了线程池的作用.独立线程池的存在意义 ...
计算机网络环境中学科教学,浅谈基于计算机网络环境下的农村小学的科学学科教育...
浅谈基于计算机网络环境下的农村小学的科学学科教育 [内容摘要] <国家中长期教育改革和发展规划纲要(2010-2020年)>明确提出:加快教育信息化进程.重点加强农村学校信息基础建设,缩小 ...
[数据空间]浅谈信息革命背景下数字技术的变与不变
前言坚持在不变中强基础,在变中求发展. [数据空间]浅谈信息革命背景下数字技术的变与不变前言信息革命发展历程及特点信息革命带来的影响机遇挑战数字技术的发展趋势及发展方向(变) 发展趋势 ...
大数据审计的发展_浅谈大数据时代下审计工作的发展方向
浅谈大数据时代下审计工作的发展方向李寒梅 [摘要] [ 摘要 ] 随着信息化水平不断提升,企业的审计工作需要处理海量的数据,而利用常规软件难以对海量数据进行处理,这就需要应用大数据技术.审计 ...
python中怎么调用函数_浅谈Python中函数的定义及其调用方法
一.函数的定义及其应用所谓函数,就是把具有独立功能的代码块组织成为一个小模块,在需要的时候调用函数的使用包含两个步骤 1.定义函数–封装独立的功能 2.调用函数–享受封装的成果函数的作用:在开发时 ...
html代码id,浅谈html中id和name的区别实例代码
浅谈html中id和name的区别实例代码更新时间:2008年07月28日 23:00:55 作者: 这个是form里面的name与id的区别我们可以通过一段代码来分析一下其中的微妙差别: 在 ...
python函数定义及调用-浅谈Python中函数的定义及其调用方法
一.函数的定义及其应用所谓函数,就是把具有独立功能的代码块组织成为一个小模块,在需要的时候调用函数的使用包含两个步骤 1.定义函数�C封装独立的功能 2.调用函数�C享受封装的成果函数的作用:在开 ...
python命名规则数字开头的成语_浅谈Python中带_的变量或函数命名
搜索热词 Python 的代码风格由 PEP 8 描述.这个文档描述了 Python 编程风格的方方面面.在遵守这个文档的条件下,不同程序员编写的 Python 代码可以保持最大程度的相似风格.这样就 ...

html 超链接下划线的距离,浅谈超链接中的下划线

html 超链接下划线的距离,浅谈超链接中的下划线相关推荐

最新文章

热门文章