灵魂腐蚀 发表于 2015-1-15 23:16:44

带来一篇网页计划时超等链接target=_blank的利用

使用HTML5也是断断续续的有些历史了,但是没有系统的总结过,最近发现公司的图书馆有不少藏书,网页制造poluoluo文章简介:网页计划时超等链接target=_blank的利用.
本文会商的是网页新窗口翻开成绩,这个话题已被说过良多次,不外对照喜好个中的经由过程小图标翻开新窗口,而链接则间接本页翻开,这类办法既能让用户有所选择,又能事前告诉用户将会产生甚么,算是最公道的一种这类计划。固然已是个很陈旧的议题了,不外感到仍然有良多站长伴侣在做网站的时分并非十分注重这类细节,利用target=_blank并不是相对毛病,不外为了进步网站的可会见性,应当分场景切磋怎样削减新开窗口。
抛开某些分歧逻辑企图不管,为何大批利用弹出页面?由于计划师忧虑用户丢失偏向。为何用户会丢失偏向?由于导航体系不敷好。为何导航体系不敷好?由于产物功效太多太乱。为何功效太多太乱?由于需求没把持好。为何需求没把持好?由于提需求的人本人也没想分明。
说白了,良多场所都不单单是计划师的成绩,因而只能选择不休让步用劣质计划堆砌豆腐渣布局系统。快节拍中有些事变没法制止很一般,但计划师应当尽责做到迭代式的全局兼顾重构。
应当强迫target=_blank
1.文件下载链接
2.文件打印链接
3.非主线义务并打断历程的链接
以上参考淘宝的老包同砚在08年总结切合国情的链接新窗口翻开中的使用场景。下载各类文件、打印各类文档,必要前后对照的匡助,注册表单的隐私条目都有需要target=_blank。
可以定论target=_blank一定提拔用户体验的场景很少,而且团体以为跟着客户端手艺的开展,会被慢慢代替。好比lightbox这个ajax使用,给计划师带来了“检察年夜图不必再新开窗口”的全新计划理念,这在之前是不成设想的。
可选择target=_blank
1.跨域名链接
2.跨使用平台链接
3.结构改动链接
主域名改换好比友谊链接、网志内嵌的关头词内部链接等,而跨使用平台的链接一般也得改换二级域名。假如全体不新开窗口,为了不不测跳出,应当先提示用户这是内部链接;假如部分新开窗口,那末应当有一致划定规矩举行束缚,并明白告诉将opensnewwindow。见过三类案例:
msdn例子,icon告诉用户这是站外链接。



gblog例子,icon告诉用户这是站外链接,同时能够点击target=_blank。



egloos(韩国)例子,触发时才icon告诉用户这是站外链接,也能够点击target=_blank。



来自sitepoint的NeilTurner文章增补了三种情势,迥然不同。值得一提的是,有个利用title提醒openinnewwindow的案例,实在也切合利用Title提拔可会见性中提到“操纵指引”的使用。



版面改动如列表页与内容页的区分,用户必要在内容页长工夫浏览,每次都前往列表进进实在更不便利。最典范是Google也许在06岁首做出的改善,给搜刮了局列表链接默许target=_blank,这个例子几近同时满意以上三个前提,而且供应默许设置自界说改归去,100%保险。



不克不及强迫target=_blank
1.导航链接
2.tab条目链接
3.前往操纵链接
4.翻页链接
5.表单
特别的网站舆图、索引表也属于导航,都应当给用户最年夜的把持大概。不论全局导航、部分导航、帮助导航、高低文导航,仍是友爱导航,都倡议根绝target=_blank。好比wordpress程序的sidebar容器内,几近一切站内链接都是导航,target=_blank会严峻影响可会见性的流利感。
tab是很罕见的页面内容构造情势,但不论间接埋没显现、异步加载显现,仍是相似导航的跳转,都不倡议target=_blank,由于此时用户加倍希冀模块内的变更,大概在以后窗口载进新页。
别的,导航链接与前往操纵链接有部分重合,好比面包屑导航,分级往回点实在就是前往操纵。在任何页面举行前往操纵都代表以后页面已不必要了,因而不克不及新开窗口。这个前往包含点击logo前往首页,同时也是能碰着的典范毛病之一。
表单的场景对照广泛,好比注册、登录、搜刮都应当根绝target=_blank。大批字段的数据表单提交有条很主要的可用性标准,点击前往应当能保存数据,这点wordpress背景录进很杰出。
总结
基础能够狭义归纳综合为只需影响会见、操纵流利度的链接,都不倡议target=_blank。实在不论甚么划定规矩,只需没有明晰逻辑转达给用户,城市形成不测。只不外计划难点在于,没法正确判别这个不测是不是在用户所等候的可承受局限以内。
既然用户所等候是不是必要target=_blank的场景欠好判别,可是应当强迫、不克不及强迫这两类罕见毛病场景绝对简单告竣共鸣,因而团体以为仍是简单找到办理成绩的思绪。复杂例子不再赘述,无机会另增补。
</p>
HTML标准自1999年12月发布的HTML4.01后,后继的HTML5和其它标准被束之高阁,为了推动Web标准化运动的发展.

精灵巫婆 发表于 2015-1-17 21:21:44

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。

老尸 发表于 2015-1-26 22:57:20

在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。

山那边是海 发表于 2015-2-5 06:51:47

技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。

admin 发表于 2015-2-11 08:14:27

dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

谁可相欹 发表于 2015-3-11 04:36:42

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。

飘飘悠悠 发表于 2015-3-17 22:11:29

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。

变相怪杰 发表于 2015-3-25 09:54:48

HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
页: [1]
查看完整版本: 带来一篇网页计划时超等链接target=_blank的利用