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

html-css033

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项效果相同。

您好,:nth-child()用法

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。

在w3c中说明的 n 可以是数字、关键词或公式。常用的有4中写法。

1.具体的数字

:nth-child(n):匹配父元素中第n个元素,例:li:nth-child(3){background:green}

2.倍数

:nth-child(an):匹配父元素中第a数倍的元素,例:li:nth-child(2n){background:red}

3.倍数分组

:nth-child(an+b)或:nth-child(an-b):先对元素进行分组,每组有a个,b为组内成员的序号,其中字母n和加号+不可缺省,位置不可调换,这是该写法的标志,其中a,b均为正整数或0。如3n+1、5n-1。

4.奇偶写法

:nth-child(odd)和:nth-child(even):分别匹配序号为奇数与偶数的元素。奇数(odd)与(2n+1)结果一样;偶数(even)与(2n+0)及(2n)结果一样。

:nth-of-type()的用法

:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素.这个的用法和:nth-child(n)的用法类似,不同的是:nth-child(n)所匹配的元素必须有父元素包着。但:nth-of-type(n)可以匹配特定类型元素行。

浏览器支持

所有主流浏览器均支持 :nth-child() 选择器,除了 IE8 及更早的版本。

target=_blank

锚链接可以具有target控制在点击该链接时发生的事件的属性。

_parent,_top,name,必须结合frame的使用。

<a target=_blank href=/cgi-bin/mybbs/>aaa</a>

浏览器将打开一个新的窗口显示aaa。

扩展资料:

target的特殊取值:_blank,_self,_parent,_top,_new。

为了理解这些个取值的不同,我们在iframe中来看一眼。主要是target值_parent和_top的区别。

首先,有四个页面,一个father.html,一个big.html,一个middle.html,一个small.html。

father.html承载big.html,代码如下:

big.html承载middle.html,代码如下:

middle.html承载small.html,代码如下:

small.html中有一个超链接,代码如下,给这个超链接以不同的target值相应的效果:

原始的效果是这样:

设置target值为_self(同样也是默认取值)效果如下:在超链接所在窗口中页面打开。

设置target值为_parent效果如下:父窗口中打开。如果本身是顶级窗口则_parent效果和_self相同。

设置target值为_top效果如下:在顶级窗口中打开。

所以综合上面效果,在用到多层框架时需要注意超链接跳转时target值的选择。