淘先锋技术网

首页 1 2 3 4 5 6 7
CSS 链接打开位置详解 CSS 可以控制网页中链接的打开位置,本文将对此进行详细介绍。 通常情况下,HTML 中的链接默认会在同一个窗口中打开。但是,有时我们需要让链接在新的窗口或标签页中打开,或者在同一个窗口但是在不同的位置打开。这时就需要使用 CSS 进行相应的设置。 在 CSS 中,通过设置 a 标签的 target 属性来指定链接的打开位置。target 属性有几个取值: _blank:在新窗口或标签页中打开链接。 _self:在相同的窗口中打开链接(默认值)。 _parent:在父级窗口中打开链接。如果该链接在一个 iframe 中,则会在父级窗口中载入对应的页面。 _top:在顶层窗口中打开链接。如果该链接在一个 iframe 中,则会在整个浏览器窗口中载入对应的页面。 以下是几个例子:
/* 在新窗口中打开链接 */
a{
target: _blank;
}
/* 在同一个窗口中打开链接 */
a{
target: _self;
}
/* 在父级窗口中打开链接 */
a{
target: _parent;
}
/* 在顶层窗口中打开链接 */
a{
target: _top;
}
需要注意的是,target 属性必须放在在 a 标签内部,而不是在 CSS 中。例如:
链接
最后要提醒大家的是,为了避免给用户带来不必要的困扰,最好还是尽量避免在新窗口或标签页中打开链接,除非这是必要的。