《分享幾種不錯(cuò)的新窗口打開(kāi)案例》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233VH013.htm


egloos(韓國(guó))例子，觸發(fā)時(shí)才icon告知用戶這是站外鏈接，也能夠點(diǎn)擊target=_blank。

gblog例子，icon告知用戶這是站外鏈接，同時(shí)可以點(diǎn)擊target=_blank。



版面改變?nèi)缌斜眄?yè)與內(nèi)容頁(yè)的差別，用戶需要在內(nèi)容頁(yè)長(zhǎng)時(shí)光瀏覽,分享使用css重構(gòu)網(wǎng)頁(yè)思路，每次都返回列表進(jìn)入其實(shí)更不便利。最典型是Google大略在06年初做出的改良，給搜索成果列表鏈接默認(rèn)target=_blank，這個(gè)例子幾乎同時(shí)滿意以上三個(gè)前提，并且供給默認(rèn)設(shè)置自定義改回去，100%保險(xiǎn)。

--> [網(wǎng)站建設(shè)之]分享多少種不錯(cuò)的新窗口打開(kāi)案例

本文探討的是網(wǎng)頁(yè)新窗口打開(kāi)問(wèn)題，這個(gè)話題已經(jīng)被說(shuō)過(guò)很屢次，不過(guò)比較愛(ài)好其中的通過(guò)小圖標(biāo)打開(kāi)新窗口，而鏈接則直接本頁(yè)打開(kāi)，這種方式既能讓用戶有所取舍，又能當(dāng)時(shí)告知用戶將會(huì)產(chǎn)生什么，算是最公道的一種這種計(jì)劃。

固然已經(jīng)是個(gè)很古老的議題了，不過(guò)感到仍然有良多站長(zhǎng)友人在做網(wǎng)站的時(shí)候并不是十分留神這種細(xì)節(jié)，使用target=_blank并非相對(duì)毛病，不過(guò)為了進(jìn)步網(wǎng)站的可訪問(wèn)性，應(yīng)該分場(chǎng)景探討如何減少新開(kāi)窗口。

拋開(kāi)某些分歧邏輯用意不管，為什么大批使用彈出頁(yè)面?因?yàn)樵O(shè)計(jì)師擔(dān)憂用戶迷失方向。為什么用戶會(huì)迷失方向?因?yàn)閷?dǎo)航體系不夠好。為什么導(dǎo)航系統(tǒng)不夠好?因?yàn)楫a(chǎn)品功能太多太亂,分享兩個(gè)漂亮css的統(tǒng)計(jì)實(shí)例。為什么功效太多太亂?因?yàn)樾枨鬀](méi)節(jié)制好,分享WEB標(biāo)準(zhǔn)的CSS細(xì)線表格樣式。為什么需求沒(méi)掌握好?因?yàn)樘嵝枰�的人本人也沒(méi)想明白,分享html頁(yè)面中不同鏈接的不同樣式的css代碼。

說(shuō)白了，許多場(chǎng)所都不僅僅是設(shè)計(jì)師的問(wèn)題，因此只能挑選一直讓步用劣質(zhì)方案堆砌豆腐渣構(gòu)造系統(tǒng)�？旃�(jié)奏中有些事件沒(méi)法避免很畸形,分享CSS清理浮動(dòng)方式更簡(jiǎn)潔的方案，但設(shè)計(jì)師應(yīng)該盡責(zé)做到迭代式的全局兼顧重構(gòu)。

應(yīng)該強(qiáng)制target=_blank

1.文件下載鏈接

2.文件打印鏈接

3,分享CSS模擬小箭頭的實(shí)現(xiàn)代碼　.非主線義務(wù)并打斷過(guò)程的鏈接

以上參考淘寶的老包同窗在08年總結(jié)合乎國(guó)情的鏈接新窗口翻開(kāi)中的運(yùn)用場(chǎng)景。下載各種文件、打印各種文檔，須要前后對(duì)照的輔助，注冊(cè)表單的**條款都有必要target=_blank。

可能定論target=_blank必定提升用戶休會(huì)的場(chǎng)景很少，并且個(gè)人認(rèn)為跟著客戶端技巧的發(fā)展，會(huì)被逐漸代替。比如lightbox這個(gè)ajax應(yīng)用，給設(shè)計(jì)師帶來(lái)了“查看大圖不必再新開(kāi)窗口”的全新設(shè)計(jì)理念，這在以前是不可設(shè)想的。

可抉擇target=_blank

1.跨域名鏈接

2.跨應(yīng)用平臺(tái)鏈接

3.布局轉(zhuǎn)變鏈接

主域名調(diào)換比方友誼鏈接、網(wǎng)志內(nèi)嵌的要害詞外部鏈接等，而跨利用平臺(tái)的鏈接通常也得改換二級(jí)域名。假如全體不新開(kāi)窗口，為了防止意外跳出，應(yīng)該先提示用戶這是外部鏈接;如果局部新開(kāi)窗口，那么應(yīng)當(dāng)有同一規(guī)矩進(jìn)行束縛，并明白告訴將opens new window。見(jiàn)過(guò)三類案例：

msdn例子，icon告知用戶這是站外鏈接。

 

來(lái)自sitepoint的Neil Turner文章彌補(bǔ)了三種情勢(shì)，大同小異。值得一提的是，有個(gè)應(yīng)用title提醒open in new window的案例，實(shí)在也契合使用Title晉升可拜訪性中提到“操作指引”的應(yīng)用。



不能強(qiáng)制target=_blank

1.導(dǎo)航鏈接

2.tab條目鏈接

3.返回操作鏈接

4.翻頁(yè)鏈接

5.表單

特別的網(wǎng)站輿圖、索引表也屬于導(dǎo)航，都應(yīng)該給用戶最大的把持可能。不論全局導(dǎo)航、部分導(dǎo)航、幫助導(dǎo)航、高低文導(dǎo)航，仍是友愛(ài)導(dǎo)航，都倡議杜絕target=_blank。好比wordpress程序的sidebar容器內(nèi)，簡(jiǎn)直所有站內(nèi)鏈接都是導(dǎo)航，target=_blank會(huì)重大影響可訪問(wèn)性的流利感。

tab是很常見(jiàn)的頁(yè)面內(nèi)容組織形式，但不管直接暗藏顯示、異步加載顯示，還是相似導(dǎo)航的跳轉(zhuǎn)，都不建議target=_blank，由于此時(shí)用戶更加冀望模塊內(nèi)的變更，或者在當(dāng)前窗口載入新頁(yè)。

另外，導(dǎo)航鏈接與返回操作鏈接有部門(mén)重合，比如面包屑導(dǎo)航，分級(jí)往回點(diǎn)其實(shí)就是返回操作。在任何頁(yè)面進(jìn)行返回操作都代表當(dāng)前頁(yè)面已經(jīng)不需要了，因此不能新開(kāi)窗口。這個(gè)返回包含點(diǎn)擊logo返回想頁(yè)，同時(shí)也是能遇到的典范錯(cuò)誤之一。

表單的場(chǎng)景比擬寬泛，比如注冊(cè)、登錄、搜尋都應(yīng)該杜絕target=_blank。大量字段的數(shù)據(jù)表單提交有條很主要的可用性標(biāo)準(zhǔn)，點(diǎn)擊返回應(yīng)該能保存數(shù)據(jù)，這點(diǎn)wordpress后盾錄入很杰出。

總結(jié)

基礎(chǔ)可以狹義概括為只要影響訪問(wèn)、操作流暢度的鏈接，都不提議target=_blank。其實(shí)無(wú)論什么規(guī)則,分享CSS模擬小箭頭的實(shí)現(xiàn)代碼，只有不清楚邏輯轉(zhuǎn)達(dá)給用戶，都會(huì)造成意外。只不外設(shè)計(jì)難點(diǎn)在于，無(wú)奈正確斷定這個(gè)意外是否在用戶所等待的可接收范疇之內(nèi)。

既然用戶所期待是否需要target=_blank的場(chǎng)景不好判定，然而應(yīng)該強(qiáng)制、不能強(qiáng)迫這兩類常見(jiàn)過(guò)錯(cuò)場(chǎng)景絕對(duì)輕易達(dá)成共鳴，因而個(gè)人以為還是容易找到解決問(wèn)題的思路。簡(jiǎn)略例子不再贅述,分享CSS樣式作弊方法，有機(jī)遇另補(bǔ)充,分享CSS寫(xiě)的網(wǎng)頁(yè)導(dǎo)航向上箭頭。
Tag：分享   新窗口   打開(kāi)   分享   新窗口   打開(kāi)  ,分享9個(gè)網(wǎng)頁(yè)制作常用技巧;

(責(zé)任編輯：網(wǎng)站建設(shè))
分享幾種不錯(cuò)的新窗口打開(kāi)案例相關(guān)文章