技術(shù)資訊
頁(yè)面新開窗口的一點(diǎn)補(bǔ)充
2008-09-04 11:03:00
前段時(shí)間我們部門的粉絲和布林同學(xué)都寫過關(guān)于這個(gè)問題的文章。剛好閱讀了關(guān)于這個(gè)問題的其他爭(zhēng)論文章。所以順便在這補(bǔ)充幾點(diǎn)。
首先說明這里討論的是在網(wǎng)頁(yè)是否要用“target=_blank”強(qiáng)制打開新窗口
這是老問題
確實(shí)可以肯定這在中國(guó)大陸是個(gè)老問題。只有在中國(guó)大陸的網(wǎng)頁(yè)才會(huì)出現(xiàn)這么多”target=_blank”的代碼;
為什么稱只在中國(guó)大陸呢。以yahoo為例。無論是yahoo.comca.yahoo.com(雅虎加拿大in.yahoo.com(雅虎印度)yahoo.co.jp還是在雅虎香港和臺(tái)灣。都是極少極少用”target=_blank”語(yǔ)法的。
在國(guó)內(nèi)不知道從什么時(shí)候開始由門戶帶頭普及用新開窗口,大家現(xiàn)在可以看到y(tǒng)ahoo.cn和其他yahoo family都不一樣。是跟隨大流來決定是否用”target=_blank”語(yǔ)法。相信這段語(yǔ)法在很多網(wǎng)站都普及得很廣@.因?yàn)檫Bgoogle.cn都迫于用戶本土化習(xí)慣而改變了搜索頁(yè)面的打開方式.(google.com默認(rèn)還是沿用當(dāng)前窗口打開)
到底要不要開?
本來是個(gè)簡(jiǎn)單的問題。現(xiàn)在變得很難了。
我們部門的三七同學(xué)在2005年6月7日發(fā)表在他自己blog的一篇文章《target=_blank不符合標(biāo)準(zhǔn)?》說到。
開始引用/
我們要在新窗口中打開鏈接通常的做法是在鏈接后面加target=”_blank”,我們采用過渡型的DOCTYPE(xhtml1-transitional. dtd)時(shí)沒有問題,但是當(dāng)我們使用嚴(yán)格的DOCTYPE(xhtml1-strict.dtd)時(shí),這個(gè)方法將通不過W3C的校驗(yàn),會(huì)出現(xiàn)如下錯(cuò)誤提示:”there is no attribute target for this element(in this HTML version)”原來在HTML4.01/XHTML1.0/XHTML1.1嚴(yán)格DOCTYPE下,target=”_blank”、target=”_self”等等語(yǔ)法都是無效的,
/結(jié)束引用。。
也就是說這個(gè)語(yǔ)法是只符合過渡性的文檔類型聲明的。不符合嚴(yán)格文檔類型聲明的。國(guó)外的大牛Mark Pilgrim在 2002年寫的《Dive Into Accessibility-30 days to a more accessible web site》一書中專門說到這個(gè)問題–《Not opening new windows》.
他在這篇文章中提到:幾乎所有的瀏覽者會(huì)用系統(tǒng)自帶的“后退或者叫發(fā)揮上一頁(yè)”按鈕。
如果你用”target=_blank”語(yǔ)法。將會(huì)使這個(gè)按鈕無用武之地。
最重要的一個(gè)觀點(diǎn)是*/The point is that the choice of whether a link will open in a new window should be the end user’s choice, not the web designer’s choice.是否用新窗口打開應(yīng)該交給用戶自己選擇。而不是由網(wǎng)站設(shè)計(jì)師主觀判斷代為選擇”
對(duì)特殊人群瀏覽不友好。如果你用了新開窗口這個(gè)語(yǔ)法。 將會(huì)造成“盲人、視弱、認(rèn)知障礙患者”這一類的用戶無法瀏覽。比如盲人用“Window Eyes”時(shí)無法識(shí)別(Window Eyes為國(guó)外一款知名的讀屏軟件,說實(shí)話我們對(duì)這類特殊群體用戶幾乎是忽略的。這也可能是新開窗口泛濫的最大原因。)文章最后帶的延伸閱讀中有一條W3C Validator mailing list的 回復(fù)“Re: Opening a link in a new window...”中提到<a>標(biāo)簽中target屬性是不建議使用的。
潛在的風(fēng)險(xiǎn)
前面三七同學(xué)也提到會(huì)通不過w3c校驗(yàn) ,確實(shí)是這樣是。該語(yǔ)法將通不過HTML 4.01 Strict, XHTML 1.0 Strict或者任何未來版本的校驗(yàn)。也就是將來你要使用”target”屬性。。只能用XHTML 1.0 transitional。
我們?cè)趺崔k
現(xiàn)在來說。如果你覺得未來還早可以隨大流自定義新不新開窗口。如果不。就像國(guó)外絕大部分網(wǎng)站那樣做。國(guó)內(nèi)已經(jīng)有網(wǎng)站這么做了,比如豆x網(wǎng)(免被說槍手就不說具體名字了。)。一直想問他們的決策者。為什么大家都從了。。他們就不從呢?
如果回到最初確實(shí)是很簡(jiǎn)單的問題。現(xiàn)在這個(gè)語(yǔ)法用濫了。已經(jīng)形成用戶習(xí)慣了。要改也不是一天兩天的事情。只是隨著大家對(duì)無障礙瀏覽的越來越重視以及新標(biāo)準(zhǔn)的普及還有等網(wǎng)站決策者下決心再次改變用戶的習(xí)慣的時(shí)候。還是會(huì)越來越少用target屬性的。這一天總是要到來的。。。 除非我們一直想做有中國(guó)特色的 網(wǎng)站
by mutou@koubeiUED
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁(yè)面設(shè)計(jì)開發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢(shì)?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2009-04-01 22:29:00] 看彈出窗口和浮出層的使用體驗(yàn)
- [2008-10-22 08:31:00] 我來設(shè)計(jì)支付寶的登錄窗口
- [2012-05-15 19:29:01] 彈出窗口代碼
- [2008-05-09 13:46:00] 模式化窗口
- [2019-03-14 17:54:32] 百度編輯器超鏈接默認(rèn)彈出新窗口
- [2011-12-31 12:52:00] 彈出窗口控制代碼匯總
- [2012-03-19 23:42:03] 網(wǎng)站登錄窗口的設(shè)計(jì)
- [2009-04-20 08:19:00] 減少新開窗口提升可訪問性
- [2012-07-22 18:52:37] dede圖片上傳選中后 圖片選擇器窗口不能關(guān)閉
- [2009-04-16 22:22:00] 新開窗口應(yīng)該瀏覽器控制
- [2011-12-31 13:22:13] 如何控制彈出窗口的大小、尺寸、位置等的樣式
- [2008-10-30 10:58:00] 各個(gè)知名網(wǎng)站的登錄窗口
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
視覺靈感 營(yíng)銷型網(wǎng)站 力圖數(shù)字科技 青島網(wǎng)站制作 網(wǎng)站建設(shè)的步驟有哪些 網(wǎng)站策劃 搜索引擎 微信營(yíng)銷的優(yōu)勢(shì) 青島做網(wǎng)站多少錢 青島高端網(wǎng)站設(shè)計(jì)公司哪家好 高端輪胎網(wǎng)站設(shè)計(jì) 集團(tuán)性網(wǎng)站 H5專題頁(yè)面 手機(jī)端的網(wǎng)站 php程序 企業(yè)網(wǎng)站設(shè)計(jì) 良好的導(dǎo)航 外貿(mào)網(wǎng)站設(shè)計(jì) 網(wǎng)站品牌 html和css 審美 青島好的網(wǎng)站優(yōu)化公司 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 如何做網(wǎng)站優(yōu)化 微信小程序 交互設(shè)計(jì) 互聯(lián)網(wǎng) 建站常識(shí) 青島輪胎網(wǎng)站設(shè)計(jì) 青島高端網(wǎng)站建設(shè)