html中link的用法
教程管理员 发布于2023-09-29 07:26 HTML教程 128
简介:
概述
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 -- 通知搜索引擎,文档的开始
相关推荐
- 10-04 在HTML中取得请求中的参数
- 10-04 SharePoint 2013 母版页取消和HTML页关联
- 10-04 29行代码使用HTML5 Canvas API绘制一颗红心
- 10-04 浏览器加载和渲染html的顺序,Div和Table的区别
- 10-04 《HTML5完美游戏开发》——2.6 Processing.js实例和整合
- 10-04 如何关闭Struts2的webconsole.html
- 10-04 《HTML5 开发实例大全》——1.4 使用CSS修饰HTML 5页面
- 10-04 《HTML5游戏编程核心技术与实战》——2.8 小结
- 10-04 腾讯视频生成的Html代码
- 10-04 ie下tbody的innerhtml属性只读
- 控制面板
- 友情链接
- 最近发表
-
- 涂鸦而不乱简约艺术主题Office PPT免费模板背景素材下载
- 有创意的情人表白动态贺卡Office PPT免费模板背景素材下载
- 绿色简约技能竞赛电力Office PPT免费模板背景素材下载
- 极简几何商务蓝年终总结汇报Office PPT免费模板背景素材下载
- 蓝橙简约商务年终总结汇报Office PPT免费模板背景素材下载
- 绿色清新教育风课堂教学通用Office PPT免费模板背景素材下载
- 潮流复古艺术感年终总结Office PPT免费模板背景素材下载
- 浅绿商务风工作总结报告Office PPT免费模板背景素材下载
- 大气简约时尚年终总结汇报Office PPT免费模板背景素材下载
- 喜庆春节风公司年终誓师表彰大会Office PPT免费模板背景素材下载
- 最新留言
-