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