在 CSS 中,target
属性用于指定一个链接的目标窗口或框架。当用户点击该链接时,页面会在指定的窗口或框架中打开新页面。
语法
a[target="_blank"] { target-name: value; }
target-name
:指定目标窗口或框架的名称,常见的值包括_blank
(在新窗口中打开)和_self
(在当前窗口中打开)等。
示例
-- -------------------- ---- ------- --------- ----- ------ ------ ------------- --------- --------------- ------- ------------------ - ------ ----- - -------- ------- ------ -- ------------------------------ --------------------- ------- ------- -------展开代码
在上面的示例中,点击链接时会在新窗口中打开页面,并且链接的文本颜色会变为蓝色。
注意事项
- 使用
target
属性时要注意用户体验,避免过多弹出新窗口影响用户浏览。 - 在 HTML5 中,
target
属性已经被废弃,推荐使用 JavaScript 来控制链接的打开方式。
值 | 描述 |
---|---|
target-name | 规定在何处打开超链接(target destination)。 |
target-new | 规定应该在新窗口或已有窗口的新标签页中打开超链接。 |
target-position | 规定在何处放置新的目的地链接。 |