【问题标题】:When should you use target="_blank" on your links?什么时候应该在链接上使用 target="_blank"?
【发布时间】:2010-10-31 01:57:53
【问题描述】:

什么时候适合在超链接上使用target="_blank" 属性?

编辑:

为了澄清,我知道语法会打开一个新的浏览器窗口。我要问的是什么时候这样做合适?

【问题讨论】:

标签: html


【解决方案1】:

只要你想惹恼用户。


更严重的是,由于这会打开一个新窗口/标签,因此我认为应该谨慎使用它。

大多数现代浏览器都有一些选项(即:在超链接上单击鼠标中键)为您执行此操作,因此我个人更喜欢允许用户自己处理。

但是,如果您正在从事非技术原因的工作,例如面向销售的网站,则通常需要在新窗口中打开产品手册或类似的内容。但是,请注意,过度这样做会导致我上面的伪笑话响应......

【讨论】:

  • 我希望现代网络浏览器也能让用户自定义他们对 target=_blank 的反应。目前,Mozilla 是唯一完全实现这一点的浏览器,Opera 落后,IE 根本无法自定义。
  • 是的 - 这会很好......我什至喜欢用某种方式突出链接是 target=_blank,所以我知道会打开一个窗口......
  • @Reed Copsey:如果你喜欢这样的事情,你可能可以用油脂猴脚本来做
【解决方案2】:

当您想按原样离开当前页面时。

我感觉您的问题应该是“什么时候适合打开新标签页或浏览器窗口?”

如果是这样,答案可能是:

  • 当前表单可能处于编辑模式,您希望能够打开 没有任何一个的另一页 忽略或保存当前 一个。
  • 您有一个像 Twitter 这样的数据流,您希望在此期间保持活动状态 你去看看 X。
  • 这样做有特定的业务要求。
  • 您的用户导航能力较弱,无法返回主页。

【讨论】:

  • “你的用户是弱电脑用户”——根据我的经验,这是一个废话。在为公司内部使用而设计的页面上,我经常看到“_target”的使用只会给不太极客的用户增加困惑。
  • 嗯,它肯定有它的缺点。
  • 顺便说一句-我修正了你引用的错字。 ...记录在案。
  • 不错。我很想写[原文如此],但不想成为一个混蛋。 ;-)
  • 可能会将打开的 PDF 文档添加到列表中。
【解决方案3】:

当您链接到人们可能想要获取更多信息、参考等的外部资源时,这是最合适的。

它可以让他们离开您的网站而不会失去他们在您页面上的位置或必须使用后退按钮。

如果他们想关闭它,它还可以确保他们必须再看一次;-)

(最后一个是笑话,我当然不提倡这种卑鄙的做法......)

【讨论】:

  • 呃,我真的不喜欢使用“_target”来让某人留在您的网站上。让您的超高质量内容迫使人们返回,仅此而已。
  • 我从来没有理由自己使用它,但是当我在一个复杂的 javascript 驱动的站点中并单击帮助按钮或类似的东西时,我很感激它。我讨厌链接没有表明它们是否会带您离开当前页面并最终将您带到其他页面,从而破坏您最初在网站上所做的一切。
  • 我同意。如果你用它来防止某人正在进行的工作被破坏,那很好——尽管可能有更好的方法来解决这个问题。我只是反对你的最后一句话(“确保他们必须再看一遍”)。
  • 我当然同意。这是一个玩笑。可悲的是,很多人确实为此使用它。
  • 哎呀,对不起践踏了你的幽默。我需要一杯啤酒。
【解决方案4】:

通常我会像避免瘟疫一样避免它。但是,如果您正在构建购物车模块或其他东西,并且您有“点击查看大图”链接,那么您为什么要使用它可能是一个很好的例子。我认为从这个意义上说还可以。

请记住,无论何时执行此操作,您都假设您比他们更了解用户的工作流程(他们始终可以在新窗口中打开链接,而无需您强加)。在“大图”链接的情况下,您很可能正确地假设这就是他们想要的,但在大多数情况下,我不会草率下结论。

【讨论】:

  • 如果我需要显示更大版本的图片,我只需在常用链接的顶部使用一些 javascript 驱动的灯箱。尽管在这些链接上保留 target=_blank 对于禁用 javascript 的用户可能仍然有意义。
  • 实际上,大多数网页也应该可供非专业用户使用。例如,在数据输入页面中,左键单击帮助链接将丢失您的工作,除非目标是 _blank。一些(天真的)用户实际上可能并不期望链接会影响他们的工作......
  • @RommeDeSerieux 当然,我并不是说这是展示图片的最佳方式。假设您具有 javascript 功能,Lightbox 是一种更好的方法。
  • @Tor 我在一定程度上同意。这正是我说“你假设你比他们更了解用户的工作流程”的原因,因为在设计用户体验时你必须有这种心态。在您的示例中,在这种情况下,打开一个新窗口可能会更好。这一切都归结为用户体验。
  • @Tor Haugen 这些用户需要摆脱 IE6 的思维模式。用户现在习惯于不去想他们想在哪里打开链接的唯一原因是浏览器不支持标签。
【解决方案5】:

当您希望链接在新窗口中打开时,我会假设。我认为使用此功能的时机是人们可能会单击会破坏他们当前在页面上所做操作的链接,例如表单上的“帮助”链接。

虽然有些人会认为你应该never use them

【讨论】:

    【解决方案6】:

    这里要注意的一件事是可访问性。当您打开新窗口或标签时,帮助盲人用户的内置功能(例如文本转语音)可能会表现得很奇怪(或者只是以一种让用户感到困惑的方式)。

    此外,您正在破坏每个浏览器最常用的功能...返回按钮。

    【讨论】:

      【解决方案7】:

      当它最确定地阻止用户重复某些事情时。

      【讨论】:

        【解决方案8】:

        我认为您可能不应该在开发者论坛中询问用户体验问题,因为您会得到开发者的答案。

        也就是说,作为一名开发人员,当我期望(或希望)用户回来并继续在链接来源的网站上工作时,我会打开新的 Windows。

        【讨论】:

          【解决方案9】:

          我会考虑的唯一情况是页面上有多媒体。

          我能想到的最好的例子 - StackOverflow 播客...我无法告诉你有多少次我急于点击博客文章中的链接只是为了让我离开播客页面!

          此外,当我在 YouTube 上单击“查看评论”时,它会将我带离视频页面。

          无论您做什么,都不要使用 JavaScript 打开新窗口。这绝对是最糟糕的。没有什么比中键点击打开一个新标签更糟糕的了,地址栏中有javascript::garbage

          【讨论】:

            【解决方案10】:

            target=_blank 在 xhtml 1.0 strict 中已被弃用,并且由于我只严格编写,如果我真的想打开一个新页面(或选项卡),我会使用 Js,并且我只对外部链接(如 wiki 左右)执行此操作.

            更多信息在这里http://www.ajaxblender.com/open-links-new-window-w3c-valid-target-blank.html

            【讨论】:

            • 在 HTML5 中被带回
            • 当验证器没有发现问题时,就像您的页面是有效的一样。欺骗验证器很容易(例如通过使用document.write()),但这并不意味着当您这样做时,您的文档是有效的。
            【解决方案11】:

            关注你的听众将帮助你做出决定。休闲的网络冲浪者会喜欢 target=_blank,而精通技术的人则更有可能感到恼火。

            【讨论】:

              【解决方案12】:

              对于严格的 XHTML 1.0,它是不合适的。在 XHTML 1.0 strict 中不推荐使用 target-attribute。

              【讨论】:

                【解决方案13】:

                从来没有。如果我想在新窗口中打开您的链接,我会这样做。

                【讨论】:

                  【解决方案14】:

                  当您在新窗口中打开链接时。

                  【讨论】:

                  • 其实我不知道为什么这个被否决了,因为它回答了原来的问题。
                  【解决方案15】:

                  存在在新窗口中打开引用另一个/外部域(例如 wiki)的链接的做法。

                  【讨论】:

                  • 这通常是一种不好的做法。它破坏了“后退”按钮,给人的印象是原始网站无法忍受有人可能会浏览其他网站的想法。
                  【解决方案16】:

                  我将它用于产品手册等,因为我认为客户留在产品页面上很有用。我总是在链接旁边标明 [新窗口] 以让客户了解情况。产品手册通常是 PDF,所以我还注意到该链接将打开 PDF。

                  根据需要使用它,但要让用户了解情况,以免惹恼/混淆他们。

                  【讨论】:

                    【解决方案17】:

                    我宁愿避免它,因为大多数用户可以自己弄清楚如何在新窗口中打开链接,即使不复杂。我的偏好是使用明确命名的目的地,例如target="somename" 如果您有充分的理由自行打开新窗口。

                    【讨论】:

                      【解决方案18】:

                      我只在客户坚持的时候才用。

                      否则我更愿意让用户决定。

                      【讨论】:

                        【解决方案19】:

                        我在这里可能是少数,但我只喜欢在我的链接中使用 target="_blank" 作为参考链接。在大多数情况下,您不应该将它用于网站周围的常规链接。

                        当我点击博客文章或文章中的链接时,我真的不喜欢它在同一页面上加载,我需要导航回原始源页面。

                        【讨论】:

                          【解决方案20】:

                          当您为移动用户创建电子邮件并链接到外部内容时。这样,当他们点击链接时,他们将在浏览器中打开该页面。

                          【讨论】:

                            【解决方案21】:

                            当您想在当前窗口的新标签中打开任何特定链接时,您可以在 html 中使用 target="_blank"。

                            <div class="restrunt-menu-list">
                                   <ul>
                                     <li>
                                       <span>
                                         <a target="_blank" href="www.example.com">View Menu</a></span>
                                        </li>
                                    </ul>
                               </div>
                            

                            但这可能会影响您的系统性能,因为所有浏览器在打开新标签页或新窗口时都会占用大量内存。 因此,更少打开的选项卡意味着更少的内存使用,更少的内存使用意味着更好的性能。

                            你还可以在chrome中查看哪个标签使用了多少内存:

                            按 shift+Esc ,然后您可以看到任务管理器-Chrome 以及每个选项卡当前使用内存的列表(在 chorme 中)。

                            【讨论】:

                              【解决方案22】:

                              对于所有外部链接...

                              【讨论】:

                                猜你喜欢
                                • 1970-01-01
                                • 1970-01-01
                                • 2010-12-13
                                • 2023-04-02
                                • 2011-04-15
                                • 2017-04-10
                                • 2012-03-19
                                • 2018-05-12
                                • 2018-12-11
                                相关资源
                                最近更新 更多