zoukankan      html  css  js  c++  java
  • html中的rel,rev是什么?

    html中的rel,rev是什么?

    这2个标记主要是用于表示文档之间的联系,rel是从源文档到目标文档的关系;rev是从目标文档到源文档的关系

    经常用到的属性如下:

    Alternate — 定义交替出现的链接

    Stylesheet — 定义一个外部加载的样式表

    Start — 通知搜索引擎,文档的开始

    Next — 记录文档的下一页.(浏览器可以提前加载此页)

    Prev — 记录文档的上一页.(定义浏览器的后退键)

    Contents

    Index — 当前文档的索引

    Glossary — 词汇

    Copyright — 当前文档的版权

    Chapter — 当前文档的章节

    Section — 作为文档的一部分

    Subsection — 作为文档的一小部分

    Appendix — 定义文档的附加信息

    Help — 链接帮助信息

    Bookmark — 书签

    使用严格的DOCTYPE(xhtml1-strict.dtd)时不能用 target="_blank" 标记的解决

    这么处理,据说是因为不经过允许就开新窗口是不友好的。

    有一种方法是javascript+rel属性

    html的写法

     
    
    <a href="http://www.juyimeng.com" rel="external">新建窗口打开</a><br/>
    
     
    
    <a href="http://www.juyimeng.com">当前窗口</a><br/>
    
     
    
    <a href="http://www.juyimeng.com" rel="external">新建窗口打开</a><br/>
    
     
    
    <a href="http://www.juyimeng.com">当前窗口</a><br/>
    
    javascript的一种写法:
     
    function externallinks() {
    
    if (!document.getElementsByTagName) return;
    var anchors = document.getElementsByTagName("a");
    for (var i=0; i<anchors.length; i++) {
    var anchor = anchors[i];
    
    if (anchor.getAttribute("href") &&
    anchor.getAttribute("rel") == "external")
    anchor.target = "_blank";
    }
    
    }
    window.onload = externallinks;
    如果你用jquery,就更简单了,代码如下:
     
    $(document).ready(function(){
    $("a[@rel=external]").each(function(i){
    this.target="_blank";
    });
    });
    别忘了load jquery.js哦。
    
  • 相关阅读:
    spark dataframe 正则表达式匹配
    JVM申请的memory不够导致无法启动SparkContext
    <scope>provided</scope> 关于maven依赖中的scope的作用和用法
    web前端网站
    元素居中
    如何在Vue项目中使用vw实现移动端适配
    微任务、宏任务、同步、异步、Promise、Async、await
    前端自动化工作流环境
    Web前端学习笔记——构建前端自动化工作流环境
    JS判断值是否是数字
  • 原文地址:https://www.cnblogs.com/lovebing/p/6104627.html
Copyright © 2011-2022 走看看