详解链接的rel与target

日期：2013-12-16  来源：攀枝花惠康网络公司

其中next与prev是一组。剖清楚明了当前文档与方针文档之前的关系是同级的关系，可以写成这样<a href=http://www.css88.com/archives/”movie_002.htm” rel=next rev=prev>。head与toc可以形成一个组合，暗示者是由目录链接到最终的文档，或是由文档链接到目录。parent与child是一组，暗示着由当前的文档链接到父级文档或是子级文档。而index与glossary可以与head分袂组合，形成由文档到索引，或是由索引到文档；文档到术语表或是术语表到文档。

比来在做项目中，发现target=”new”，在new出来的页面就不起浸染了，郁闷啊！

target ，许可指定在侍趵砘置显示已经选择的超链接内容。也就是说链接的内容将在什么样的窗口被显示。target 的属性值有四个保留的名称，分袂是：_blank,_self,_parent,_top。其中_blank的意思是浏览器总在一个新打开的、未命名的窗口中载入target＝”_blank”链接的文档。这里巨匠也许会很不理解“未命名”是什么意思。事实上target 是可以给新打开的窗口赋一个ID，例如：target=”name” 这就剖明经由过程target=”name”链接载入的文档将会在一个叫”name”的窗口显示。如不美观没有ID为”name”的窗口，那么浏览器就会新建一个名为”name”的窗口来显示链接文档。如不美观当前窗口的ID就是”name”那么这个链接文档就会在当前的窗口中替代原有的内容显示出来。而_self的意思其实就是当前文档，<a>的默认方针就是_self，这个属性值一般来说是用不到的。_parent是使链接文凳ё仝父级窗口显示，这个属性值只在框架结构中使用，如不雅鉴赏本就是顶级框架，那么其浸染与_self不异。_top同样是应用在框架中的，可是他的效不美观是断根框架来显示方针文档。这对于年夜框架结构转向无框架结构是很有浸染的。

此刻我们知道了，target 是一方针显示的属性与浏览器慎密亲密相关的。那么rel又是什么呢， 为什么良多人把他算作是target 的替代属性呢？下面我们就来熟悉一下rel。其实不只有一个rel还有一个与之对应的属性叫rev，这两个属性的意思分袂是：年夜源文档到方针文档的关系；细腻针文档到源文档的关系。这里的源文档可以理解为链接所处在的当前文档，而方针文档也就是这个链接将要打开的文档。这下我们应该清嚣张了，其实rel与rev是一种文档之前的链接关系，而并非是与浏览器相关的若何显示方针文档的属性。

那么rel与rev有哪些关系呢？下面将一一列取并诠释其中的寄义：

关于target=”_blank”去留的问题在网上已经被一再争议良多次了。有的说要留，有的说要去失踪。主张留的一方主若是考虑到target=”_blank”的属性今朝来讲还没有一个好的体例来解决，而主张去的一方则拿出了rel与JS的解决方案。target=”_blank”是否的存在是否有需要我想今朝还有良多正处在一种盲区。我查阅了相关的文献，发现其实情形并非是我们所想的那样，事实上target=”_blank”并非是不合适尺度的，而用rel与JS的解决方案也是没有需要的，因为这是个误区，只要我们体味了rel与target的真正寄义我们就清嚣张了其拭魅这里本不应存在争议。下面我将我经由过程查阅文献所获得的常识与巨匠分享，我们先来体味一下target与rel的寄义：

next，链接到下矣闽文档；
prev，链接到前一个文档；
head，链接到集结中的顶级文档；
toc，链接到集结的目录；
Child，链接到源下面的文档；
parent，链接到源膳缦沔的文档；
index，链接到此文档的索引；
glossary，链接到此文档的术语表；

也许这样讲可能仍是不很清嚣张，下面举个例子：我这里清算了一个片子文档资本，那么我需要对这些资本进行分类，我把片子分成：武侠片、战争片、恋爱片、恐怖片、记载片。那么我在片子根目录需要链接到下面的子类的时辰那么链接的关系应该是：rel=child rev=parent ，而如不美观当前是武侠片的频道页，我需要转恋爱片频道或是其它频道时，那么链接关系就应该是：rel=next rev=prev，当我们由一个武侠片链接到“卧虎藏龙”这部片子的文档时链接的关系应该是：rel=head rev=toc，当由“卧虎藏龙”链接到索引的时辰链接关系又酿成了：rel=index rev=head。

因为今朝的CSS还不能抓取rel与rev的属性值，所以没有法子给分歧关系的链接供给分歧的样式，所以此刻rel与rev只是用来使得网页的语义性更为完美。