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

表现形式

用户或设计师遇到的麻烦:
1.用户分不清是否是链接,得鼠标移到目标上如果变成手形才能确定是链接。
2.统一链接颜色不利于界面设计。

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

解决办法:
推荐点击性链接,设置一个默认链接颜色,让人一看到这种颜色的字体就知道是个链接是可以点击的,比如蓝色。保证这个颜色比普通文字颜色要深一些,这样容易分辨。
提示可点击性链接,这种链接颜色往往要设计成跟周围文字一样,所以加下划线是最好的办法。
功能性链接,比如导航链接和按钮这种是一看就知道可点的,并不需要以颜色和下划线来区分,可以自定义设计。

打开方式

用户遇到的麻烦:
1.弹出窗口太多,整个屏幕被占满,甚至会把电脑都卡住了。
2.全是本页面跳转,想看上一页面的其它内容要后退。

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

解决办法:
列表式的链接,比如一组新闻标题,类似这种链接用弹出式打开窗口。
功能性链接,比如导航、类别、分页、“更多”等类似链接以本页面跳转打开窗口。
外链,比如友情链接段落内文字链,用弹出式打开窗口。
用户自行选择打开,右键“在新选项卡中打开”或设置浏览器“始终在新选项卡中打开弹出窗口”。

 

时间: 2024-09-17 07:03:44

超级链接a的形式和打开方式的相关文章

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

  互联网上不计其数的信息本质上都是一个一个的HTML文档组成的,通过链接将它们串联起整个互联网.这就犹如骨肉之于人体一样,只有通过经脉才能将它们串联起来,组成一个完整的人体. 看似最基本的一个<a />标签,却是HTML文档中至关重要不可或缺的一个标签.这个标签是页面之间链接的一个纽带,起着一个桥梁的作用.这座桥梁在页面里的也以各种各样的方式出现着,不同的网站以不同的方式对其进行着装饰,然而最终的目的却是一样的--给用户一个更直观更人性化的链接提示. <a />标签在HTML文档

ios-IOS版本微信公众号图文消息或者按钮超级链接不在微信浏览器打开而是跳转到safair

问题描述 IOS版本微信公众号图文消息或者按钮超级链接不在微信浏览器打开而是跳转到safair 如题,IOS版本微信公众号图文消息或者按钮超级链接不在微信浏览器打开而是跳转到safair打开,时好时坏,安卓上正常,这导致无法进行微信支付,求大神指点. 解决方案 http://mp.weixin.qq.com/qa/11/e6f9336fb97afda33bce95999257484b.html

链接提示方式和打开方式

互联网上不计其数的信息本质上都是一个一个的HTML文档组成的,通过链接将它们串联起整个互联网.这就犹如骨肉之于人体一样,只有通过经脉才能将它们串联起来,组成一个完整的人体. 看似最基本的一个<a />标签,却是HTML文档中至关重要不可或缺的一个标签.这个<a />标签是页面之间链接的一个纽带,起着一个桥梁的作用.这座桥梁在页面里的也以各种各样的方式出现着,不同的网站以不同的方式对其进行着装饰,然而最终的目的却是一样的--给用户一个更直观更人性化的链接提示. <a />

FCKEditor超级链接默认新窗口打开的修改方法_网页编辑器

Fckeditor是一款开源的WEB可视化编辑器,因为该软件小巧.易用.方便受到大家的欢迎,国内很多CMS都采用了FCK编辑器,最近有很多网友向反映关于FCK添加的超级链接不能在新窗口中打开,需要另外设置才可以,那么,能不能将链接默认为新窗口呢? 效果如图所示: 打开 fckeditor\editor\dialog\fck_link.html 查找 id="cmbTarget" 的 select 标签, 添加 selected="selected" 属性 复制代码

域或者计算文本的value怎样在页面显示成一个超级链接的形式?

问题描述 在流程开发中,有实现这样的功能.在页面上用户可以直接点击超级链接,进入到指定的页面.但超级链接是从域或者计算文本得到的,怎么实现?谢谢 解决方案 解决方案二:<ahref="<computedtext>">超链接</a>,这样就可以了解决方案三:LS正解,也可以直接用计算文本拼接出<ahref="xxx">vvv</a>,效果也是一样的解决方案四:顶,计算文本里拼超链接的HTML解决方案五:在页面

HTML进阶应用技巧(三)用好超级链接标记A

技巧|链接 超级链接<a>标记代表一个链接点,是英文anchor(锚点)的简写.它的作用是把当前位置的文本或图片连接到其他的页面.文本或图像,这已是众所周知了,但关于它的语法结构可能有点鲜为人知,而要用活它则必须了解其语法结构.<a>标记的基本语法结构是: <aclass=typeid=valuehref=referencename=valuerel=same|next|parent|previousrev=valuetarget=windowstyle=valuetitle

教程/dreamweaver/入门 Dreamweaver 4 简明教程9(建立超级链接)

dreamweaver|教程|链接 超级链接(Link),简称链接,是页面与页面之间一个单向的关联关系.通过点击链接,我们可以从一个页面跳到另一个页面.我们可以在文字.图片建立链接. 1.文字链接 在页面中选取需要建立链接的文字,如下图: 在属性面板的Link一项,填写链接地址,当浏览者点击该链接的时候,浏览器就回跳转到该页面,例如这里填写的是:http://www.goeway.com 如果你希望该页面是在一个新窗口打开,可以在Target中选择"_balnk". 如果要链接到网站内

第十一节 超级链接

链接 茫茫网海,从一个网页跳到另一个网页,这就是用到了超级链接.超级链接是WWW万维网存在的基础. 先来看看普通文本超级链接的加入.文本的Properties面板上有Link和Target两项,这就与超级链接有关.选中所需的文本,有四种方法可使它链接到其它页面.你可直接在Link后填入要链接到的页面的地址.注意最好用相对地址,而不用绝对地址.第二种方法是点击后面的图标,然后选取要链接到的页面.第三种方法是使用图标.用快捷键F5可打开你定义的本地站点的文件列表,用鼠标点击,不要松开,拖动至你要链接

Dreamweaver 4 简明教程(六、建立超级链接)

dreamweaver|教程|链接 六.建立超级链接 超级链接(Link),简称链接,是页面与页面之间一个单向的关联关系.通过点击链接,我们可以从一个页面跳到另一个页面.我们可以在文字.图片建立链接. 1.文字链接 在页面中选取需要建立链接的文字,如下图: 在属性面板的Link一项,填写链接地址,当浏览者点击该链接的时候,浏览器就回跳转到该页面,例如这里填写的是:http://www.goeway.com 如果你希望该页面是在一个新窗口打开,可以在Target中选择"_balnk".