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

WEB设计综合
使Flash页面通过校验
WEB 标准剖析
制作网页中的渐变背景
表格特效代码全集
Photoshop 打造金属指环
网页标准中链接属性 rel 与 target
HTML在线编辑器的调用及使用方法
div+css设计网页时浮动问题的解决方法
解决XHTML+CSS2.0式的页面结构在IE5和IE5.5下的BUG
WAP 开发出现的中文显示问题
详细的IMG,IFRAME的属性参考
可通过XHTML1.0校验的Flash嵌入代码
在IE和FIREfOX下正常显示的网页内嵌播放器代码
使 XHTML Strict 支持 target 标签
语言(文化)代码与国家地区对照表
网站设计技术规范
点击连接时不出现虚边框的方法
制作1px边框表格的几种方法
图片横向连续滚动的代码
合理架构css

WEB设计综合 中的 HTML rel 属性


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 1449 ::
收藏到网摘: 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

登陆 | 还没注册?