html中link的用法

猿教程_-CSharp教程-C#简介

猿教程_-CSharp教程-C#环境

猿教程_-CSharp教程-C#入门实例

猿教程_-Java教程-Java简介

猿教程_-Servlet教程-Servlet简介

猿教程_-Jsp教程-JSP简介

猿教程_-Struts教程-Struts2教程

猿教程_-Hibernate教程-Hibernate教程

猿教程_-Entity教程-EntityFramework教程介绍

猿教程_-Entity教程-EntityFramework介绍

猿教程_-Entity教程-EntityFramework体系结构

扫描二维码关注公众号,回复: 353315 查看本文章

猿教程_-Entity教程-设置EntityFramework开发环境

猿教程_-Entity教程-创建实体数据模型

猿教程_-Entity教程-模型浏览器

猿教程_-Entity教程-DBContext

猿教程_-Entity教程-实体类型

猿教程_-Entity教程-实体关系

猿教程_-Entity教程-实体生命周期

猿教程_-Entity教程-代码优先

猿教程_-Entity教程-模型优先

猿教程_-Entity教程-数据库优先

猿教程_-Entity教程-选择Entity Framework的开发方法

猿教程_-Entity教程-使用EDM 查询

猿教程_-Entity教程-Linq to Entities 映射查询

猿教程_-Entity教程-DBSet 类

猿教程_-Entity教程-DBEntityEntry Class

猿教程_-Entity教程-跟踪实体的更改

猿教程_-Entity教程-Entity Framework持久化

猿教程_-Spring教程-Spring教程

猿教程_-mvc教程-MVC教程

猿教程_-webapi教程-WebAPI教程

概述 
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 -- 通知搜索引擎,文档的开始 
参考页面:

 

猜你喜欢

转载自qingwengang.iteye.com/blog/2331430
今日推荐