网站地图    收藏   

主页 > 前端 > html教程 >

超级链接a的提示方式和打开方式_HTML/Xhtml_网页制

来源:自学PHP网    时间:2014-12-15 15:59 作者: 阅读:

[导读] 互联网上不计其数的信息本质上都是一个一个的HTML文档组成的,通过链接将它们串联起整个互联网。这就犹如骨肉之于人体一样,只有通过经脉才能将它们串联起来,组成一个完整的人...

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

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

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

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论