无效的 html（href 目标标记）

Question

我很好奇这应该如何正确完成。

我通过 w3 html 验证器运行了一个正在处理的页面，并收到一条错误消息

第 47 行第 54 列：属性“目标”存在，但不能用于此元素。**

<ul><li><a href="./jobops/1000 Design PM.pdf" target="blank">1000 Design PM</a></li>

您已在文档，但您使用的文档类型不支持该元素的该属性。此错误通常是由于错误地将“严格”文档类型与使用框架的文档一起使用（例如，您必须使用“过渡”文档类型来获取“目标”属性），或者使用供应商专有扩展（例如“ marginheight”（这通常通过使用 CSS 来修复以达到所需的效果）。

关于如何让链接打开新窗口但不使用目标标签的任何想法？

Answer 1

您可以使用 JavaScript 打开新窗口，这样可以避免目标被删除的问题在现代 HTML 中无效。

然而，这绕过了人们警告他们新窗口（或阻止它们打开）的各种系统，因此您最好使用目标属性（并切换到允许它的 Doctype）。

更好的是让用户决定何时需要新窗口。除了令人烦恼的因素之外，它们还带来了可访问性问题。

Answer 2

target="_blank"

不会严格验证，因为“目标”属性已被弃用。

相反，尝试类似于上述 onclick 解决方法的方法，但您也不需要其中的“_blank”。简单地说：

<a href="./jobops/1000 Design PM.pdf" onclick="window.open(this.href); return false;">1000 Design PM</a>

会起作用。弃用“target”的原因是因为 HTML 用于在语义上标记数据，而 target 属性则提供行为，这正是 javascript 的用途。

如果用户关闭了 javascript，则 URL 将在同一窗口中打开。

Answer 3

target 属性不属于 HTML 4 和 XHTML 1.0 以及 XHTML 1.1 严格变体的一部分。

因此，您需要使用 JavaScript 来解决问题：

<a href="./jobops/1000 Design PM.pdf" class="_blank">1000 Design PM</a>

var aElems = document.getElementsByTagName("a");
for (var i=0, n=aElems.length; i<n; ++i) {
    if (/(?:^|\s+)_blank(?:\s+|$)/.test(aElems[i].className)) {
        aElems[i].onclick = function() {
            return !window.open(this.href, "_blank");
        }
    }
}

或者（将来）CSS 3（请参阅 超链接呈现模块）：

a._blank {
    target: new;
}

Answer 4

难道不是吗……

target="_blank"

无论如何……您可以使用 javascript 打开一个新窗口，但这破坏了简单浏览的美感。如果我使用 Lynx 或其他东西浏览怎么办？

Answer 5

根据 W3C 的说法，“target”属性在 HTML 5 中似乎不再被弃用：

a 和 area 元素的目标属性不再是
已弃用，因为它在 Web 应用程序中很有用，例如结合使用
使用 iframe。

http://www.w3.org/TR/html5-diff/

Answer 6

使用：

target="_blank"

破坏严格的 XHTML 验证方法。 这是一份详细说明的文档解决方法：

Answer 7

您可以使用这样的 JavaScript，而不是 target="_blank"（永远不会验证）：

<a onclick='window.open("./jobops/1000 Design PM.pdf", "_blank");return false;' href="./jobops/1000 Design PM.pdf">1000 Design PM</a>

然后链接将在新窗口中打开，并且您的页面将验证。

未启用 Javascript 的用户（尽管只占所有用户的 2% 左右）仍然可以使用此方法访问链接。这家伙的评论很有道理:)

祝大家周末愉快......