当前位置: 首页 > 网络学院 > 网页制作基础教程 > WEB设计综合 > HTML rel 属性

WEB设计综合
连接基础
HTML基础
CSS 基础
添加背景音乐
HTML中的脚本标签
水平线样式
CSS基础以及CSS代码
自定义404错误页
链接至外部样式表
文本和颜色
表格详述
图像详述
优化CSS样式表代码
CSS元素div ul dl dt ol简释
CSS元素的class与ID命名常用关键字
DIV布局SEO的影响
CSS中的相对定位与绝对定位
CSS选择符
CSS特殊选择符伪类的应用技巧
常用的CSS知识

WEB设计综合 中的 HTML rel 属性


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 1513 ::
收藏到网摘: n/a

rel 属性 -- link标签中的rel属性,定义了文档与链接的关系.
  • 此属性通常出现在a,link标签中
  • 属性值

    • Alternate -- 定义交替出现的链接

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

      示例

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

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

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

      <link 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"

      示例

      <head>
      <link rel="stylesheet" type="text/css" href="style.css" />
      </head>

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

    • start next prev 属性值 -- start next prev,全部属于LinkTypes,此值通常可以提示浏览器文章的开始,下一篇,上一篇的url
      • 此属性值通常在,rel,rev属性中出现

      示例

      <link rel="start" type="text/html" href="http://www.dreamdu.com/xhtml/" />
      <link rel="prev" type="text/html" href="http://www.dreamdu.com/xhtml/alternate/" />
      <link rel="next" type="text/html" href="http://www.dreamdu.com/xhtml/attribute_rel/" />

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

    • start next prev 属性值 -- start next prev,全部属于LinkTypes,此值通常可以提示浏览器文章的开始,下一篇,上一篇的url
      • 此属性值通常在,rel,rev属性中出现

      示例

      <link rel="start" type="text/html" href="http://www.dreamdu.com/xhtml/" />
      <link rel="prev" type="text/html" href="http://www.dreamdu.com/xhtml/alternate/" />
      <link rel="next" type="text/html" href="http://www.dreamdu.com/xhtml/attribute_rel/" />

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

    • start next prev 属性值 -- start next prev,全部属于LinkTypes,此值通常可以提示浏览器文章的开始,下一篇,上一篇的url
      • 此属性值通常在,rel,rev属性中出现

      示例

      <link rel="start" type="text/html" href="http://www.dreamdu.com/xhtml/" />
      <link rel="prev" type="text/html" href="http://www.dreamdu.com/xhtml/alternate/" />
      <link 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属性.

注意:ie浏览器对此类型的支持非常不好,推荐使用Firefox

评论 (0) All

登陆 | 还没注册?