HTML里超链接a之表现形式和打开教程

  在HTML文档里,超链接a的表现形式和打开方式是怎样的?带着这个问题,接下来的时候请跟随爱站技术频道小编来了解了解吧!

  表现形式

  用户或设计师遇到的麻烦:

  1.用户分不清是否是链接,得鼠标移到目标上如果变成手形才能确定是链接。

  2.统一链接颜色不利于界面设计。

  分析:

  以baidu/google为代表的蓝色加下划线是为最经典的链接样式,很直接的体现了可点/已点过。但是不同的网站各有风格,不可能都做成那样的链接样式,会对设计产生很大的限制。我把链接分为推荐点击(文章标题等)、提示可点击(作者名、“更多”、段落内的链接等)、功能性链接(导航、按钮等)。

  解决办法:

  推荐点击性链接,设置一个默认链接颜色,让人一看到这种颜色的字体就知道是个链接是可以点击的,比如蓝色。保证这个颜色比普通文字颜色要深一些,这样容易分辨。

  提示可点击性链接,这种链接颜色往往要设计成跟周围文字一样,所以加下划线是最好的办法。

  功能性链接,比如导航链接和按钮这种是一看就知道可点的,并不需要以颜色和下划线来区分,可以自定义设计。

  打开方式

  用户遇到的麻烦:

  1.弹出窗口太多,整个屏幕被占满,甚至会把电脑都卡住了。

  2.全是本页面跳转,想看上一页面的其它内容要后退。

  分析:

  大部分传统型的网站喜欢弹出式链接,以占领用户的屏幕为目的–|,而2.0的网站喜欢本页面跳转,认为弹出是非常不友好的。用户为什么要到上一页面去点另外的链接?因为当前页面没有上一页面的链接或上一页面存在同级可筛选的内容比如文章列表。最理想的打开方式对于用户来说应该是合理的本页跳转或打开新选项卡。

  解决办法:

  列表式的链接,比如一组新闻标题,类似这种链接用弹出式打开窗口。

  功能性链接,比如导航、类别、分页、“更多”等类似链接以本页面跳转打开窗口。

  外链,比如友情链接段落内文字链,用弹出式打开窗口。

  用户自行选择打开,右键“在新选项卡中打开”或设置浏览器“始终在新选项卡中打开弹出窗口”。

  学习超链接a的表现形式和打开方式的内容是不是很有趣呢?希望大家喜欢这篇文章哦!还想看更多有趣有意思的文章,可以关注我们网站。