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

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

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

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

HTML常用标签大全及html标签的特点

本篇文章给大家整理些关于html常用标签大全及html标签的特点,希望对大家学习html相关知识有所帮助,感兴趣的朋友一起学习吧
收藏 0 赞 0 分享

HTML页面3秒后自动跳转的三种常见方法

在项目中,我们经常会遇到这样一个功能:如何实现页面N秒后自动跳转。其实方法很简单,下面小编通过本文给大家分享HTML页面3秒后自动跳转的三种常见方法,对html页面3秒后自动跳转的相关知识感兴趣的朋友一起学习吧
收藏 0 赞 0 分享

HTML实现页面自动跳转的五种方法

本文通过五个实例给大家介绍html实现页面自动跳转的五种方法,对html页面跳转相关知识感兴趣的朋友一起学习吧
收藏 0 赞 0 分享

举例讲解HTML中META标签的一些使用技巧

这篇文章主要介绍了HTML中META标签的一些使用技巧,共举了10个小例子,HTML5中META标签也有演进,可以说是HTML学习中的重要知识点,需要的朋友可以参考下
收藏 0 赞 0 分享

dns-prefetch是什么 前端优化:DNS预解析提升页面速度

在网页体验中我们常会遇到这种情况,即在调用百度联盟、谷歌联盟以及当前网页所在域名外的域名文件时会遇到请求延时非常严重的情况。那么有没有方法去解决这种请求严重延时的现象呢
收藏 0 赞 0 分享

HTML初学者适用的十五条最佳实践

这篇文章主要为HTML初学者推荐了适用的三十条最佳实践,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

深入解析HTML的table表格标签与相关的换行问题

这篇文章主要介绍了HTML的table表格标签与相关的换行问题,文中给出了强制换行和强制不换行的解决方案,需要的朋友可以参考下
收藏 0 赞 0 分享

HTML代码书写规范指南

这篇文章主要介绍了HTML代码书写规范指南,包括对格式和字符编码以及注释等方面的一些普遍约定俗成的约束,需要的朋友可以参考下
收藏 0 赞 0 分享

利用iframe在网页中显示天气附效果截图

这篇文章主要介绍了利用iframe在网页中显示天气,这个功能还是比较实用的,实现起来也比较容易,需要的朋友可以看看
收藏 0 赞 0 分享

HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法

这篇文章主要介绍了HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多