Xhtml Transitional Popups

时间:2012-10-24 22:00:15

标签: html css hyperlink xhtml

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

未验证位置,可调整大小和滚动条都无效xhtml - 现在这些术语的替代品是什么?

2 个答案:

答案 0 :(得分:0)

你可以用JS做到这一点。

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

如果您关心可用性但仍希望强制对用户做出决定,您可以使用JS但使用事件检测并检查用户是否单击了该链接,然后捕获该URL并在新窗口/选项卡中打开它。如果你选择这种方式,链接将是这样的:

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

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

答案 1 :(得分:0)

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

处理这样的链接的一种更好的方法是通过CSS“装饰”它们,其中包含暗示链接目的地的图标,或者是javascript警告(如果你必须......这也是对用户体验的难以置信的侵扰)警告用户他们正在从您的站点导航到外部源。

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在某些浏览器中不起作用。