CSS中如何定义链接的target打开方式

html-css019

CSS中如何定义链接的target打开方式,第1张

例如<a

href="#"

target="（target的属性有4个）"具体属性如下1.

_blank

这个家伙的汉语译文是：空白的，引申一下，就好像你写笔记一样，写完了一页翻过去，在一个新空白页上接着写，而原来写的还有，和网页的打开也是一样的道理，在新的一个窗口中打开这个链接，而原窗口还存在。

经常上网的你或许有这样的经历，原来用IE6的时候，没有标签栏，有的网站中的链接全是比如<a

harf=".../ttt.html"

target="_blank">链接。好么，我为了找点东西开得满屏幕都是TMD窗口，真是让人郁闷。

2.

_parent

译文：父。其实这个“父”字，是开始涉及框架和框架集的概念了，如果你对框架和框架集有所了解，就知道，一个窗口中其实是可以同时打开N个页面的，在哪里打开、怎么打开全部由框架说了算。这样，这个“父”就是指这个链接所在的框架的上一层框架打开。

其实呢，不仅仅是在有框架的页面中适用它，没有框架的也一样用，如果有如下的一个链接：<a

harf=".../ttt.html"

target="_parent">链接。当用户点击这个链接的时候，就会在本页面中打开这个新的页面，而原页面关闭。就好比你写好了一页纸，然后想写新的，这时候拿橡皮把整页的纸都擦了再重写是一个道理的。

3.

_self

译文：“自己”。

这个也是有框架的说法，如果有框架的话，就在自己这个框架内打开，其它框架内容不变。

如果没有框架，和第2项效果相同。

4

_top

译文：顶。这个家伙也是对应框架的，不过它比_parent来得更加彻底，直接在整个页面中打开，也就是最顶层的框架集打开它打开这个链接后，框架集被这个链接的页面代替再无框架集，当然

如果没有框架，和第2、3项效果相同。

CSS选择器语法错误，CSS3中的target这是选择器种的一种，表示突出显示活动的 HTML 锚，比如：

p:target

{

border：2px solid #D4D4D4

}

html:

<p><a href="#news1">跳转至内容 1</a></p>

<p><a href="#news2">跳转至内容 2</a></p>

<p>请点击上面的链接，:target 选择器会突出显示当前活动的 HTML 锚。</p>

<p id="news1"><b>内容 1...</b></p>

<p id="news2"><b>内容 2...</b></p>

说明：

那么当<p><a href="#news1">跳转至内容 1</a></p>被点击之后，焦点就是聚集在#news1上面，就触发了：target那么这个时候就是将样式给予#news1，而#news1边框变为2像素还有背景色也会改变