注意，HTML 文档中的 标签必须出现在任何引用外部资源的标签之前，而且一个 HTML 文档中仅允许定义一个 标签。

3、 标签

标签经常用于引用外部 CSS 样式表， 标签中包含两个主要的属性，分别是 rel 和 href。rel 属性用来指示引用文件的类型，href 属性用来设置外部文件的路径。示例代码如下：

HTML 标签中可以包含任意数量的 标签。

扩展：引用外部 CSS 样式表有两种，link和@import

• @import在

  简单实例：

  css外部样式表 style.css

  h1{
  	color:red;
  }
  p{
  	font-size:14px;
  	color:green;
  }

  HTML文档
  

  
  
  	
  		
  		
  		
  	
  
  	
  		
  link标签或@import的应用
  		
  外部定义CSS样式表以.CSS为扩展名文件，然后在页面中通过link标签或@import链接到页面中。
  	
  

  实现效果：

  

  link和@import的区别：

  1、从属关系区别

  @import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。

  2、加载顺序区别

  加载页面时，link标签引入的 CSS 被同时加载；@import引入的 CSS 将在页面加载完毕后被加载。

  3、兼容性区别

  @import是 CSS2.1 才有的语法，故只可在 IE5+ 才能识别；link标签作为 HTML 元素，不存在兼容性问题。

  4、DOM可控性区别

  可以通过 JS 操作 DOM ，插入link标签来改变样式；由于 DOM 方法是基于文档的，无法使用@import的方式插入样式。

  4、

  
  

  注意：对于文档中的唯一样式可以使用

  The above is the detailed content of In-depth analysis of commonly used header tags in the head tag. For more information, please follow other related articles on the PHP Chinese website!