`

[转]rel与rev的区别

阅读更多
关于target="_blank"去留的问题在网上已经被反复争议很多次了。有的说要留,有的说要去掉。主张留的一方主要是考虑到target="_blank"的属性目前来讲还没有一个好的方式来解决,而主张去的一方则拿出了rel与JS的解决方案。target="_blank"是否的存在是否有必要我想目前还有很多正处在一种盲区。我查阅了相关的文献,发现其实情况并非是我们所想的那样,事实上target="_blank"并非是不符合标准的,而用rel与JS的解决方案也是没有必要的,因为这是个误区,只要我们了解了rel与target的真正含义我们就清楚了其实这里本不应存在争议。下面我将我通过查阅文献所得到的知识与大家分享,我们先来了解一下target与rel的含义:

  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有哪些关系呢?下面将一一列取并解释其中的含义:

Example Source Code [www.52css.com]
   next,链接到下一个文档;
   prev,链接到前一个文档;
   head,链接到集合中的顶级文档;
   toc,链接到集合的目录;
   parent,链接到源上面的文档;
   Child,链接到源下面的文档;
   index,链接到此文档的索引;
   glossary,链接到此文档的术语表;
  其中next与prev是一组。表明了当前文档与目标文档之前的关系是同级的关系,可以写成这样

Example Source Code [www.52css.com]
   <a href="movie_002.htm" rel=next rev=prev>
  head与toc可以形成一个组合,表示者是由目录链接到最终的文档,或是由文档链接到目录。parent与child是一组,表示着由当前的文档链接到父级文档或是子级文档。而index与glossary可以与head分别组合,形成由文档到索引,或是由索引到文档;文档到术语表或是术语表到文档。

  也许这样讲可能还是不很清楚,下面举个例子:我这里整理了一个电影文档资源,那么我需要对这些资源进行分类,我把电影分成:武侠片、战争片、爱情片、恐怖片、纪录片。那么我在电影根目录需要链接到下面的子类的时候那么链接的关系应该是:rel=child rev=parent ,而如果当前是武侠片的频道页,我需要转爱情片频道或是其它频道时,那么链接关系就应该是:rel=next rev=prev,当我们由一个武侠片链接到“卧虎藏龙”这部电影的文档时链接的关系应该是:rel=head rev=toc,当由“卧虎藏龙”链接到索引的时候链接关系又变成了:rel=index rev=head。

  由于目前的CSS还不能抓取rel与rev的属性值,所以没有办法给不同关系的链接提供不同的样式,所以现在rel与rev只是用来使得网页的语义性更为完善。
分享到:
评论

相关推荐

    CDMA2000 DO Rev.A 移动宽带多媒体的契机

    中兴通讯CDMA2000 1xEV-DO Rev.A移动通信系统具有全兼容、大容量、高集成度、全系列化等特点,与1X和EV-DO Rel.0系统使用相同的软硬件平台,三者不同之处在于使用不同的基带处理模块,但这些模块在同一个BTS内可以混...

    cdma 2000 1x EV-DO Rev.B系统综述

    cdma2000 1x EV-DO Rev.B作为cdma2000 AIE的第一阶段,能够后向兼容现有的EV-DO Rel.0及Rev.A系统,较显著地降低单位比特的成本,获得更高的频谱利用率。除了可以实现更高的传输速率和更低的时延外,频率选择性增益...

    1XEV-DO Rev. A技术基础及网络实施探讨

    1XEV-DO Rev. A技术基础及网络实施探讨

    SAP GUI for Java 7.70 rev 3-70004682.DMG for MAC

    SAP GUI for Java 7.70 rev 3 for MAC安装包 文件名:GUI770Installation_3-70004682.DMG 构建信息: Version ID: A077000040300 Build Date: 2021-08-05 08:57:00 +0200 Build Info: gclm0108, 760_REL, 2082961

    华为最新C-EVDO Rev.A经典案例

    学习完本课程,您将会: 了解1xEV-DO Rel0及DO RevA常见问题及其处理过程 掌握1xEV-DO Rel0及DO RevA的问题处理思路,测试方法,分析手段 通过案例的学习,尽快定位问题

    cdma2000 1x EV_DO Rev_B系统综述

    首先从协议结构、信道结构、关键增强技术等方面描述 了多载波EV-DO 技术的概况,并比较了EV-DO Rev.B、 EV-DO Rel.0 和EV-DO Rev.A 之间的不同之处,最后介绍了EV-DO 系统的优势及其未来演进路线。

    SAP GUI for Java 7.70 rev 7-70004682.DMG for MAC

    SAP GUI for Java 7.70 rev 7 for MAC安装包 文件名:GUI770Installation_7-70004682.DMG 构建信息: Version ID: A077000040700 Build Date: 2022-08-04 07:33:50 +0200 Build Info: gclm0108, 760_REL, 2148686

    HTML link标记的rel属性

    除了HTML的标准通用属性之外,link元素还包括很多可选属性: charset, href, hreflang, media, rel, rev, target, title和type。这些属性中,target只允许在Transitional和Frameset两种DTD中使用,其它都可在Strict, ...

    C-EVDO Rev.A 典型案例

    C-EVDO Rev.A 典型案例:了解1xEV-DO Rel0及DO RevA常见问题及其处理过程 掌握1xEV-DO Rel0及DO RevA的问题处理思路,测试方法,分析手段 通过案例的学习,尽快定位问题

    X86_64-8.1.0-release-posix-seh-rt_v6_rev0.7z

    MinGW-W64的64位安装包: X86_64-8.1.0-release-posix-seh-rt_v6_rev0.7z 支持GCC8.1.0, 解压后即可使用。 利用下载工具下载的也是此压缩包,然后解压缩而已。 方便没梯子的!!!!

    R13_IOT_rev3

    RAN approved REL-13 NB_IOT; NB_IoT标准索引全集,3GPP Release 13

    解析HTML中rel=“nofollow”的作用及rel属性的使用

    而 rev 属性则指定从目标文档到源文档的关系。百度目前支持: rel=’noflow’属性, 合理利用这个标签对网站会有很大的改观. 站长可能都知道, 如果一个连接加了rel=“nofollow”属性, 就表示告诉搜索引擎不用跟踪这个...

    E-EDID Standard.pdf

    EDID specs 1.3 https://en.wikipedia.org/wiki/Extended_Display_Identification_Data#cite_note-9 http://www.edidreader.com/ https://github.com/dgallegos/edidreader

    gulprevbust:一个 Bolt CMS 插件,用于在树枝模板中处理 gulp-rev 缓存破坏

    Gulp Rev Bust [螺栓扩展] 此扩展允许您使用 gulp 插件通过 rev-manifest.json(或其他指定)文件缓存破坏您的资产。 配置扩展 如果你使用默认的 gulp-rev 配置,这个扩展应该找到没有任何配置的清单...link rel="s

    S32K144_MCAL_Keil_Demo1.zip

    S32K144的Keil工程,集成了用EB配置的MCAL(仅Port、Dio、MCU模块),详细说明见博文: https://blog.csdn.net/weixin_42967006/article/details/121831965

    HTML语言代码

    Rev:用来指定目的端在当前文件的链接,与Rel一样,对A元素它们都不是必须的。 以下是…的一个使用实例。 &lt;p&gt;&lt;A href="right.htm"&gt;我的主页&lt;/A&gt;&lt;/p&gt; &lt;p&gt;&lt;A Href="KeyGif.gif" target="New Window"&gt;作品欣赏&lt;/A&gt;&lt;/p&gt; ...

    外部引用CSS中 link与@import的区别

    css用import还是link好?从经典论坛和另外一个网站大概了解了一下 看到淘宝网页中大部分是这样写的 &lt;style type=text/css media=screen&gt;...link rel=stylesheet rev=stylesheet href=default.css type=text/css me

    探讨:网页外部引用CSS的两种方式

    这两天刚写完XHTML加载CSS的几种方式,其中外部引用CSS分为两种方式link和@...link rel=stylesheet rev=stylesheet href=jb51.css type=text/css media=all /&gt;  而像google 百度 163等网站他们都是直接写在网

    jQuery居中弹出ifram,于是自己做了个插件

    &lt;link rel="stylesheet" rev="stylesheet" href="showcenterdiv.css" type="text/css" media="screen" /&gt; 指定在要弹出的链接: $(document).ready(function () { $('.EditandAdd').centerF(); }); 如要指定尺寸...

Global site tag (gtag.js) - Google Analytics