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 中。例如:
链接最后要提醒大家的是,为了避免给用户带来不必要的困扰,最好还是尽量避免在新窗口或标签页中打开链接,除非这是必要的。