page contents

HTML中link的意义及用法

概述  link标签,当在文档中声明使用外接资源(比如CSS)时使用此标签  link标签是单独出现的 属性  href -- 指定需要加载的资源(CSS文件)的地址URI  media -- 媒体类型 rel -- 指定链接类...

attachments-2021-06-Zyk4VAEn60cff15b0c530.png

概述 

link标签,当在文档中声明使用外接资源(比如CSS)时使用此标签 

link标签是单独出现的

属性 

href -- 指定需要加载的资源(CSS文件)的地址URI 

media -- 媒体类型

rel -- 指定链接类型,设定是指对象和链接目标的关系,可选值, link还可以用Shortcut Icon等

rev -- 指定链接类型 

type -- 指定所连接文档的MIME类型,css的MIME是type/css,一般使用type="text/css" 

rel 属性

link标签中的rel属性,定义了文档与链接的关系. 

rel属性通常出现在a,link标签中 

属性值 

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

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

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

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

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

Contents 

Index -- 当前文档的索引 

Glossary -- 词汇 

Copyright -- 当前文档的版权 

Chapter -- 当前文档的章节 

Section -- 作为文档的一部分 

Subsection -- 作为文档的一小部分 

Appendix -- 定义文档的附加信息 

Help -- 链接帮助信息 

Bookmark -- 书签 

rev 属性

link标签中的rev属性,定义了文档与链接的关系 

rev与rel很相似,属于保留标签

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 事例 切换样式表示例

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 -- 通知搜索引擎,文档的开始 

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

程序员编程交流QQ群:805358732

如果你想用Python开辟副业赚钱,但不熟悉爬虫与反爬虫技术,没有接单途径,也缺乏兼职经验
关注下方微信公众号:Python编程学习圈,获取价值999元全套Python入门到进阶的学习资料以及教程,还有Python技术交流群一起交流学习哦。

attachments-2022-06-38YYH6fa62ac408e0b107.jpeg

0 条评论

请先 登录 后评论
轩辕小不懂
轩辕小不懂

2403 篇文章

作家榜 »

  1. 轩辕小不懂 2403 文章
  2. 小柒 1474 文章
  3. Pack 1135 文章
  4. Nen 576 文章
  5. 王昭君 209 文章
  6. 文双 71 文章
  7. 小威 64 文章
  8. Cara 36 文章