HTML link 标签

  1. 概述 
    link标签,当在文档中声明使用外接资源(比如CSS)时使用此标签
    link标签是单独出现的
    属性
    href -- 指定需要加载的资源(CSS文件)的地址URI
    media -- 媒体类型
    rel -- 指定链接类型,设定是指对象和链接目标的关系,可选值, link还可以用Shortcut Icon等
    rev -- 指定链接类型
    type -- 指定所连接文档的MIME类型,css的MIME是type/css,一般使用type="text/css"
  2. rel 属性
    link标签中的rel属性,定义了文档与链接的关系.
    rel属性通常出现在a,link标签中
    属性值
    Alternate -- 定义交替出现的链接
    Stylesheet -- 定义一个外部加载的样式表
    Start -- 通知搜索引擎,文档的开始
    Next -- 记录文档的下一页.(浏览器可以提前加载此页)
    Prev -- 记录文档的上一页.(定义浏览器的后退键)
    Contents
    Index -- 当前文档的索引
    Glossary -- 词汇
    Copyright -- 当前文档的版权
    Chapter -- 当前文档的章节
    Section -- 作为文档的一部分
    Subsection -- 作为文档的一小部分
    Appendix -- 定义文档的附加信息
    Help -- 链接帮助信息
    Bookmark -- 书签
  3. rev 属性
    link标签中的rev属性,定义了文档与链接的关系
    rev与rel很相似,属于保留标签
  4. Alternate 属性值
    alternate是LinkTypes的一个值,网页设计者可以通过此值,设计交替出现的链接
    Alternate属性值通常在,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/" />
    HTML alternate 事例 切换样式表示例
  5. start next prev 属性值
    start next prev,全部属于LinkTypes,此值通常可以提示浏览器文章的开始,下一篇,上一篇的url
    start next prev属性值通常在,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/" />
    HTML start next prev 示例
    next -- 记录文档的下一页.(浏览器可以提前加载此页)
    prev -- 记录文档的上一页.(定义浏览器的后退键)
    start -- 通知搜索引擎,文档的开始
  • 1
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值