CSS3 target-new 属性
CSS3 target-new 属性详解
CSS3 target-new 属性指定了链接文本被点击时浏览器打开目标的方式。该属性允许开发人员指定在哪个新窗口或标签中打开链接。
语法
target-new: window | tab | none | inherit;
取值
- window:在新的浏览器窗口中打开链接。
- tab:在新的浏览器标签页中打开链接。
- none:在当前窗口打开链接。
- inherit:规定应该从父元素继承 target-new 属性的值。
实例
下面的例子演示了如何使用 target-new 属性:
a:target { /* 当链接被点击时 */
target-new: window; /* 以新的浏览器窗口的方式打开目标 */
}
上面的代码会将单击链接时的默认响应修改为在新的浏览器窗口中打开超链接。
浏览器兼容性
target-new 属性目前部分支持,主要支持较新版本的 Chrome、Firefox、Safari 和 Opera 浏览器。
- Chrome:支持。
- Firefox:支持。
- Safari:部分支持。
- Opera:支持。
- IE:不支持。
注意事项
- 相对于 _blank 属性, target-new 可以在不打乱当前窗口的情况下打开一个新的窗口。
- 当在同一个标签页中打开链接时, target-new 属性将被忽略。
- target-new 属性必须与一个有效的 href 属性一同使用,否则会被忽略。
- IE 浏览器不支持 target-new 属性,而是直接支持 _blank 属性。
- 这个属性不是 W3C 标准,而是 Mozilla 的一项非标准扩展,因此在编写代码时应谨慎使用。
总结
target-new 属性是一个不常用的 CSS3 属性,允许开发者定制超链接在打开时的方式。它相对于 _blank 属性的优势在于可以不影响原标签页或窗口,在新的标签页或窗口中打开链接。但是,由于它是一个非标准扩展,因此应该谨慎使用。