html - Xhtml 过渡弹出窗口

Question

<a href="https://link" location="yes" resizable="yes" scrollbars="no" width="592" height="740" target="_blank">

不验证位置、可调整大小和滚动条都不是有效的 xhtml - 现在这些术语的替代品是什么？

Answer 1

通过 Javascript 强制新窗口会给您带来很多麻烦，其中最重要的是大多数现代 Web 浏览器使用的流行的弹出窗口阻止程序。

处理此类链接的更好方法是通过 CSS“装饰”它们，使用提示链接目的地的图标，或警告他们正在从您的网站导航到外部来源的用户。

Smashing 杂志对此有一篇不错的文章：http ://www.smashingmagazine.com/2010/02/13/the-definitive-guide-to-styling-web-links/

PatomaS 所指的技术可以在代码示例中看到，虽然它们使用一个类，而不是查看 rel： http ://www.electrictoolbox.com/add-offsite-link-icon-after-external-links- css/

做同样的事情，但使用 rel，你可以将他们的 css 更改为：

a[rel="external"] {
    background: url(/images/external.png) center right no-repeat;
    padding-right: 13px;
}

但是，您应该注意，此 CSS 在某些浏览器中不起作用。

Answer 2

你可以用 JS 来做。

但是，如果您担心可用性，那么只需将链接保留为普通链接，不要使用额外的属性，让用户决定他想要做什么。如果您在内容中明确指出该链接更适合新窗口，那么用户很可能会以这种方式打开它。

如果您关心可用性但仍想将决定强加给用户，您可以使用 JS 但带有事件检测并检查用户是否单击了链接，然后捕获 url 并在新窗口/选项卡中打开它。如果您选择这种方式，链接将是这样的：

<a href="destination" rel="external" >text</a>

当然，您可以使用任何属性，但到目前为止，该属性已被接受为最佳实践。