超级链接a的提示方式和打开方式

所属分类: 网页制作 / HTML/Xhtml 阅读数: 775
收藏 0 赞 0 分享

互联网上不计其数的信息本质上都是一个一个的HTML文档组成的,通过链接将它们串联起整个互联网。这就犹如骨肉之于人体一样,只有通过经脉才能将它们串联起来,组成一个完整的人体。
看似最基本的一个<a />标签,却是HTML文档中至关重要不可或缺的一个标签。这个<a />标签是页面之间链接的一个纽带,起着一个桥梁的作用。这座桥梁在页面里的也以各种各样的方式出现着,不同的网站以不同的方式对其进行着装饰,然而最终的目的却是一样的——给用户一个更直观更人性化的链接提示。
<a />标签在HTML文档里可以设置不同的提示方式及不同的打开方式,本文也只对这两方面做一个简单分析,欢迎补充更多的信息。
链接的提示方式:
1、文字带有颜色并有下划线:这是浏览器默认的链接提示方式,可以很清楚的告诉用户哪里是可以点击有链接的,哪里是没有链接的。很多网站采用这种默认的链接提示方式,比如新浪网、搜狐网。然而这种链接提示方式出现在新闻列表页里是很不合适的,新闻列表页里的文字基本上都是属于标题,也就是说都是带有链接可点击的,既然整个页面的文字都是带有链接可点击的,那么使用这种方式对链接进行提示似乎完全没有必要,而且整个页面全是下划线,会带来很严重的视觉疲劳感。这种方式出现在链接不多的内容页,就可以很好的完成链接本身的提示任务;

2、文字带有颜色没有下划线:这是目前很多网站在新闻列表页的链接提示方式。这种方式应用在新闻列表页很适合,去除了整页烦人的下划线。也有很多网站把这种提示方式应用在内容页里,因为突出了链接文字与内容文字的不同,然而在我看来这种方式应用在内容页里没有上一种方式好;
3、文字没有颜色没有下划线:这是另一种应用于新闻列表页里的链接提示方式。既然整页的文字都是可链接的,那么文字带不带有颜色似乎已经可以忽略不计,因为已经没有特殊的意义,除了为了美化页面而使用带有颜色的文字。同样也有一些网站把这种提示方式应用在内容页里,比如泡泡网的内容页。这就需要把鼠标移动到链接文字上面才会以文字变色加下划线之类的方式来提示可链接性,在内容页使用这种提示方式的前提是该链接对于内容本身页言只是个可有可无的附带品;
4、下划线为虚线:这是很特殊的一种提示方式,基本上应用在内容页里的弹出层广告链接。
在我看来最好的链接提示方式是:新闻列表页不显示下划线,内容页的链接文字显示下划线,至于链接文字是否应该带有颜色,主要还是看页面的设计。
链接的打开方式:
1、当前页跳转:这也是浏览器默认的链接打开方式。相对于弹出一堆的标签页或是浏览器窗口来说,当前页跳转无疑是最让人感觉简洁舒服的,很自然的这也成了浏览器的默认打开方式。然而在实际的应用中却并非如此。如果链接是在新闻列表页,那么在当前页跳转问题并不大,但如果链接文字是在内容页,那么在当前页跳转则显得很不合理,在当前页跳转则意味着浏览器会丢弃当前的数据,但内容页的链接文字是混在大段的内容中的,是给出当前文字的相关信息的逻接,用户很自然的阅读到链接文字时会点击查看相关信息,不可能阅读完全文后再点击链接文字进行跳转;
2、弹出页跳转:这是最保险也是最常用的链接打开方式。在内容页里的链接文字使用这种打开方式,能最大限度的不影响用户当前的阅读行为,在保证用户的获取信息的顺畅性的同时最大限度的提供相关信息;
3、弹出层显示:这种打开方式一般都是用在对当前链接文字的简短解释上的,当然也用在广告的显示上。
什么样的链接打开方式对于用户来说,存在一定的影响,但更大的影响来自于链接打开方式的统一性,同类的链接方式采用统一的当前页跳转或者是弹出页跳转,最多只是影响用户在使用上是否顺畅,但如果同类的链接打开方式一下是当前页跳转一下又是弹出页跳转,带给用户的就不是操作上是否有顺畅感,而是让用户感觉迷惑。
更多精彩内容其他人还在看

ul列表标记设计网页多列布局

几天在用CSS写三列布局的时候突然想到的这样一个方法,这个想法自己都觉得有些疯狂,如果其中有什么不对的地方请各位不吝指教。   当需要写一个三列布局的时候,一般情况下我会选择使用如下的DIV布局方式:
收藏 0 赞 0 分享

注册表单设计的规则

《Patterns for Sign Up &Ramp Up》很早就读完了,之所以今天才写读后感,细细读完了发现,它更为接近吸引注册、提升活跃度的社区构建引导,是一份社区活跃会员度研究的好资料。 既然答应写读后感,就从我的视角来说一点与注册有关的东西,先把整篇资料的
收藏 0 赞 0 分享

W3C建议的移动Web标记语言XHTML Basic 1.1

  W3C 近日发布两项标准,分别是“XHTML Basic1.1” 及“移动 Web 最佳实践 1.0”。这两项标准均针对移动 Web,其中,XHTML Basic 1.1 是 W3C 建议的移动 Web 置标语言。   X
收藏 0 赞 0 分享

超级链接a的提示方式和打开方式

互联网上不计其数的信息本质上都是一个一个的HTML文档组成的,通过链接将它们串联起整个互联网。这就犹如骨肉之于人体一样,只有通过经脉才能将它们串联起来,组成一个完整的人体。 看似最基本的一个<a />标签,却是HTML文档中至关重要不可或缺的一个标签。这个<
收藏 0 赞 0 分享

超级链接a的表现形式和打开方式

相关文章:超级链接a的提示方式和打开方式 表现形式 用户或设计师遇到的麻烦: 1.用户分不清是否是链接,得鼠标移到目标上如果变成手形才能确定是链接。 2.统一链接颜色不利于界面设计。 分析: 以baidu/google为代表的蓝色加下划线是为最经典的链接样式,很
收藏 0 赞 0 分享

xhtml css网页制作问题的解决方法

xhtml css页面制作过程中问题的解决方案,说是解决方案应该有点过了,充其量只不过是给刚刚开始学标准页面制作的朋友们的一些小建议,如果讲得不对的地方请多多包涵,当然也可以提出你们更好的方法,大家相互学习交流,共同成长! 无论是谁,在制作页面的过程都是会碰到这样
收藏 0 赞 0 分享

网页注释在IE中产生文字溢出

实验代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti
收藏 0 赞 0 分享

HTML教程:定义列表

原文:http://andymao.com/andy/post/104.html 上一节:有序列表 写完“无序列表”和“有序列表”之后已经有人和我说这两篇看得没什么意思。这两篇文章如果只以单向读取的形式阅读那么的确是没什
收藏 0 赞 0 分享

HTML教程:有序列表

原文:http://andymao.com/andy/post/103.html 上一节:无序列表 信息有时候是无序归纳的,有的却有着明确的顺序,在上一篇也提到了。那么简单的来想一下身边有哪些事物是有先后顺序的:操作步骤、排行榜、书目录……
收藏 0 赞 0 分享

HTML教程:无序列表

原文:http://andymao.com/andy/post/102.html 段落已经讲完了,那么一些基本的应用方式也讲了一些,那么是否已经应用了呢?当然应用可以更为丰富,那么这些就需要自己在实际工作中不断的摸索与思考,然后创新并总结得出新的应用形式。当然了段落不能当作
收藏 0 赞 0 分享
查看更多