html中link的用法

html-css016

html中link的用法,第1张

HTML <link>标签

定义与用法:

<link>标签定义文档与外部资源的关系。

<link>标签最常见的用途是链接样式表

提示和注释:

注释:link 元素是空元素,它仅包含属性。

注释:此元素只能存在于 head 部分,不过它可出现任何次数。

浏览器支持:

IE    Firefox    Chrome    Safari    Opera

在用于样式表时,<link>标签得到了几乎所有浏览器的支持。但是几乎没有浏览器支持其他方面的用途

link的属性

参考资料:可以参考w3cschool说明

type="text/css"

这个指定文件是css样式

rel="stylesheet"

rel是关联的意思,关联的是一个样式表(stylesheet)文档,它表示这个link在文档初始化时将被使用。一般这里是不需要改动的.

我自己的理解是在网站打开的时候浏览器先链接test.css

这个文件,然后知道这个文件的类型是type="text/css"

,最后浏览器把这个文件解析(rel="stylesheet"

这个可能就是解析的类库吧。)后显示在页面上。

Link标签有两个作用:1. 定义文档与外部资源的关系;2. 是链接样式表。

下面是链接外部样式表

代码如下:

href 为 URL地址;

type为链接文件的格式;

rel 该属性规定当前文档与被链接文档之间的关系。但是,只有 rel 属性的 "stylesheet" 值得到了所有浏览器的支持。其他值只得到了部分地支持。

值和描述

alternate文档的替代版本(比如打印页、翻译或镜像)。

stylesheet文档的外部样式表。

start集合中的第一个文档。

next集合中的下一个文档。

prev集合中的上一个文档。

contents文档的目录。

index文档的索引。

glossary在文档中使用的词汇的术语表(解释)。

copyright包含版权信息的文档。

chapter文档的章。

section文档的节。

subsection文档的小节。

appendix文档的附录。

help帮助文档。

bookmark相关文档。