html 链接a的状态,超级链接a的提示方式和打开方式

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

互联网   发布时间：2008-10-17 18:47:16   作者：佚名   我要评论

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

看似最基本的一个标签，却是HTML文档中至关重要不可或缺的一个标签。这个&lt

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

看似最基本的一个标签，却是HTML文档中至关重要不可或缺的一个标签。这个标签是页面之间链接的一个纽带，起着一个桥梁的作用。这座桥梁在页面里的也以各种各样的方式出现着，不同的网站以不同的方式对其进行着装饰，然而最终的目的却是一样的——给用户一个更直观更人性化的链接提示。

标签在HTML文档里可以设置不同的提示方式及不同的打开方式，本文也只对这两方面做一个简单分析，欢迎补充更多的信息。

链接的提示方式：

1、文字带有颜色并有下划线：这是浏览器默认的链接提示方式，可以很清楚的告诉用户哪里是可以点击有链接的，哪里是没有链接的。很多网站采用这种默认的链接提示方式，比如新浪网、搜狐网。然而这种链接提示方式出现在新闻列表页里是很不合适的，新闻列表页里的文字基本上都是属于标题，也就是说都是带有链接可点击的，既然整个页面的文字都是带有链接可点击的，那么使用这种方式对链接进行提示似乎完全没有必要，而且整个页面全是下划线，会带来很严重的视觉疲劳感。这种方式出现在链接不多的内容页，就可以很好的完成链接本身的提示任务；

2、文字带有颜色没有下划线：这是目前很多网站在新闻列表页的链接提示方式。这种方式应用在新闻列表页很适合，去除了整页烦人的下划线。也有很多网站把这种提示方式应用在内容页里，因为突出了链接文字与内容文字的不同，然而在我看来这种方式应用在内容页里没有上一种方式好；

3、文字没有颜色没有下划线：这是另一种应用于新闻列表页里的链接提示方式。既然整页的文字都是可链接的，那么文字带不带有颜色似乎已经可以忽略不计，因为已经没有特殊的意义，除了为了美化页面而使用带有颜色的文字。同样也有一些网站把这种提示方式应用在内容页里，比如泡泡网的内容页。这就需要把鼠标移动到链接文字上面才会以文字变色加下划线之类的方式来提示可链接性，在内容页使用这种提示方式的前提是该链接对于内容本身页言只是个可有可无的附带品；

4、下划线为虚线：这是很特殊的一种提示方式，基本上应用在内容页里的弹出层广告链接。

在我看来最好的链接提示方式是：新闻列表页不显示下划线，内容页的链接文字显示下划线，至于链接文字是否应该带有颜色，主要还是看页面的设计。

链接的打开方式：

1、当前页跳转：这也是浏览器默认的链接打开方式。相对于弹出一堆的标签页或是浏览器窗口来说，当前页跳转无疑是最让人感觉简洁舒服的，很自然的这也成了浏览器的默认打开方式。然而在实际的应用中却并非如此。如果链接是在新闻列表页，那么在当前页跳转问题并不大，但如果链接文字是在内容页，那么在当前页跳转则显得很不合理，在当前页跳转则意味着浏览器会丢弃当前的数据，但内容页的链接文字是混在大段的内容中的，是给出当前文字的相关信息的逻接，用户很自然的阅读到链接文字时会点击查看相关信息，不可能阅读完全文后再点击链接文字进行跳转；

2、弹出页跳转：这是最保险也是最常用的链接打开方式。在内容页里的链接文字使用这种打开方式，能最大限度的不影响用户当前的阅读行为，在保证用户的获取信息的顺畅性的同时最大限度的提供相关信息；

3、弹出层显示：这种打开方式一般都是用在对当前链接文字的简短解释上的，当然也用在广告的显示上。

什么样的链接打开方式对于用户来说，存在一定的影响，但更大的影响来自于链接打开方式的统一性，同类的链接方式采用统一的当前页跳转或者是弹出页跳转，最多只是影响用户在使用上是否顺畅，但如果同类的链接打开方式一下是当前页跳转一下又是弹出页跳转，带给用户的就不是操作上是否有顺畅感，而是让用户感觉迷惑。

相关文章

这篇文章主要介绍了html父子页面iframe双向发消息的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来2020-10-12

这篇文章主要介绍了如何在HTML里加载摄像头，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-09-29

这篇文章主要介绍了html-webpack-plugin使用，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-09-15

这篇文章主要介绍了html直接引用vue和element-ui的方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-09-02

这篇文章主要介绍了详解HTML中字体使用line-height依然不能垂直居中解决办法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友2020-08-20

这篇文章主要介绍了前端html换肤功能的实现代码,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-08-20

这篇文章主要介绍了多个HTML页面共同调用一段html代码的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来2020-08-17

这篇文章主要介绍了HTML中图片不存在显示默认图片的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来2020-08-17

这篇文章主要介绍了HTML table行距的改变方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学2020-07-31

这篇文章主要介绍了HTML Table 空白单元格补全的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一2020-07-31

最新评论