• 此属性通常出现在a,link标签中
  • 属性值
    • Alternate -- 定义交替出现的链接

      Alternate 属性值 -- alternate是LinkTypes的一个值,网页设计者可以通过此值,设计交替出现的链接

      • 此属性值通常在,rel,rev属性中出现

      示例

      定义两种不同的样式,用户可以通过浏览器选择样式(ie不支持此属性)

      rel="stylesheet" type="text/css" title="blue" href="dreamdublue.css" /> rel="alternate stylesheet" type="text/css" title="red" href="dreamdured.css" />

      可以通过http://www.dreamdu.com/feed/读取http://www.dreamdu.com/的内容

      rel="alternate" type="application/rss+xml" href="http://www.dreamdu.com/feed/" />
    • Stylesheet -- 定义一个外部加载的样式表
      link 标签 -- 当在文档中声明使用外接资源(比如CSS)时使用此标签

      • link标签是单独出现的
      • 属性
        • href -- 指定需要加载的资源(CSS文件)的地址URI
        • media -- 媒体类型,参见CSS教程
        • rel -- 指定链接类型
        • rev -- 指定链接类型
        • type -- 包含内容的类型,一般使用type="text/css"

      示例

      rel="stylesheet" type="text/css" href="style.css" />
    • Start -- 通知搜索引擎,文档的开始
      start next prev 属性值 -- start next prev,全部属于LinkTypes,此值通常可以提示浏览器文章的开始,下一篇,上一篇的url

      • 此属性值通常在,rel,rev属性中出现

      示例

      rel="start" type="text/html" href="http://www.dreamdu.com/xhtml/" /> rel="prev" type="text/html" href="http://www.dreamdu.com/xhtml/alternate/" /> rel="next" type="text/html" href="http://www.dreamdu.com/xhtml/attribute_rel/" />
    • next -- 记录文档的下一页.(浏览器可以提前加载此页)
      start next prev 属性值 -- start next prev,全部属于LinkTypes,此值通常可以提示浏览器文章的开始,下一篇,上一篇的url

      • 此属性值通常在,rel,rev属性中出现

      示例

      rel="start" type="text/html" href="http://www.dreamdu.com/xhtml/" /> rel="prev" type="text/html" href="http://www.dreamdu.com/xhtml/alternate/" /> rel="next" type="text/html" href="http://www.dreamdu.com/xhtml/attribute_rel/" />
    • Prev -- 记录文档的上一页.(定义浏览器的后退键)
      start next prev 属性值 -- start next prev,全部属于LinkTypes,此值通常可以提示浏览器文章的开始,下一篇,上一篇的url

      • 此属性值通常在,rel,rev属性中出现

      示例

      rel="start" type="text/html" href="http://www.dreamdu.com/xhtml/" /> rel="prev" type="text/html" href="http://www.dreamdu.com/xhtml/alternate/" /> rel="next" type="text/html" href="http://www.dreamdu.com/xhtml/attribute_rel/" />
    • Contents
    • Index -- 当前文档的索引
    • Glossary -- 词汇
    • Copyright -- 当前文档的版权
    • Chapter -- 当前文档的章节
    • Section -- 作为文档的一部分
    • Subsection -- 作为文档的一小部分
    • Appendix -- 定义文档的附加信息
    • Help -- 链接帮助信息
    • Bookmark -- 书签

rel与rev属性相同,它们都是属于LinkTypes属性.

【131031】rel 属性 -- link标签中的rel属性,定义了文档与链接的关系的更多相关文章

  1. html：<link> 标签中的 media 属性

    HTML <link> 标签的 media 属性 定义和用法 media 属性规定被链接文档将显示在什么设备上. media 属性用于为不同的媒介类型规定不同的样式. media属性值 ( ...

  2. 标签中的rel属性的含义

    rel与rev属性相同,它们都是属于LinkTypes属性. rel 属性 -- rel属性,描述了当前页面与href所指定文档的关系, rel是relationship(关系)的英文缩写. rev ...

  3. 标签中的name属性和ID属性的区别

    标签中的name属性和ID属性的区别 2018年05月13日 10:17:44 tssit 阅读数:760   编程这么久,细想了一下,发现这个问题还不是很清楚,汗!看了几篇文章,整理了一下,分享下! ...

  4. meta标签中的http-equiv属性使用介绍（转载）

    meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言, ...

  5. css pre如果同时运用了css的border-radius、 overflow两个属性且标签中内容太多时,外部div滚动条在firefox下滚动时很卡

    pre如果同时运用了css的border-radius. overflow两个属性且标签中内容太多时,外部div滚动条在firefox下滚动时很卡. 解决方法:去掉css中border-radius. ...

  6. <c:out>标签中的escapeXML属性

    <c:out>标签中的escapeXML属性 在<c:out>中,escapeXML属性默认为true. 当设置escapeXML的属性为true时,将value中的值以字符串 ...

  7. spring property标签中的 ref属性和ref 标签有什么不同？ 如下：<property name="a" ref="b" />

    spring property标签中的 ref属性和ref 标签有什么不同? 如下:<property name="a" ref="b" /> sp ...

  8. [转]spring property标签中的 ref属性和ref 标签有什么不同

    spring property标签中的 ref属性和ref 标签有什么不同? 如下:<property name="a" ref="b" /> sp ...

  9. 关于meta标签中的http-equiv属性使用介绍

    关于meta标签中的http-equiv属性使用介绍 meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标 ...

随机推荐

  1. Android 数据存储之 SQLite数据库存储

    ----------------------------------------SQLite数据库---------------------------------------------- SQLi ...

  2. div里包含img底部必定多出空白的解决办法

    研究了很久,自己写了js代码都解决不了.最后还是靠万能的网友解决了这一问题! 问题:adding.margin.border都设为0,无效.怎么样都多出3px. 解决方案: 1.设置div{ font ...

  3. IDEA 配置 tomcat 启动内存

    -server -XX:PermSize=128M -XX:MaxPermSize=256m

  4. easyui只打开一个tab

    下面是JS代码: var curr = null; //curr为当前tab的标题,在else中赋值 function addtab(href, tabtitle) { if (curr) { $(' ...

  5. ORM框架Entity Framework

    博客园在推广ORM方面的确做了很大的贡献,很多的程序员开始使用ORM,不用写SQL的喜悦让他们激动不已,可是好景不长,他们很快发现众多的烦恼一个接一个的出现了. 很遗憾,我并不打算在这篇文章中解决这些 ...

  6. display:inline 遇上 li 无效？ why？

    若制作导航栏时,使用列表li 的定义时,若想加上一个背景图 ,这时候若定义li的一个属性为:li{display:inline ; width:83px; height:30px;},则浏览器会无视后 ...

  7. 方法重写和方法重载;this关键字和super关键字

    1:方法重写和方法重载的区别?方法重载能改变返回值类型吗? 方法重写: 在子类中,出现和父类中一模一样的方法声明的现象. 方法重载: 同一个类中,出现的方法名相同,参数列表不同的现象. 方法重载能改变 ...

  8. jdbc mysql crud dao模型 sql注入漏洞 jdbc 操作大文件

    day17总结 今日内容 l JDBC 1.1 上次课内容总结 SQL语句: 1.外键约束:foreign key * 维护多个表关系! * 用来保证数据完整性! 2.三种关系: * 一对多: * 一 ...

  9. iOS 关于iphone6 和 iphone6 plus 的适配

    http://www.ui.cn/detail/26980.html 根据上面说的,iphone6 plus的屏幕的编程时的宽度应该是414,我理解的也是这样,但是我用iphone6 plus 模拟器 ...

  10. find参数exec、管道符|、xargs的区别

    1.这三个命令都可以将前面的输出做为后面的输入. 2.他们对于前面的输出,处理方式不同. find . -name "*.sh" -exec cat {} \; find . -n ...