上面的示例中第一个 标签中的超链接会被解析为“https://www.php.cn/course.html”，第二个 中的超链接会被解析为“https://www.php.cn/course/type/3.html”。

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

3、 标签

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

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

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

@import在标签中进行声明的

  @import url("css文件路径");

简单实例：

css外部样式表 style.css

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

HTML文档

<!-- @import url("style.cs"); -->
link标签或@import的应用
外部定义CSS样式表以.CSS为扩展名文件，然后在页面中通过link标签或@import链接到页面中。
                    
                                                                                                    
                            eMart 网店系统                            
功能列表：底层程序与前台页面分离的效果，对页面的修改无需改动任何程序代码。完善的标签系统，支持自定义标签，公用标签，快捷标签，动态标签，静态标签等等，支持标签内的vbs语法，原则上运用这些标签可以制作出任何想要的页面效果。兼容原来的栏目系统，可以很方便的插入一个栏目或者一个栏目组到页面的任何位置。底层模版解析程序具有非常高的效率，稳定性和容错性，即使模版中有错误的标签也不会影响页面的显示。所有的标
                            
                                                                0                            
                        
                                                    查看详情                                                                        
                

实现效果：

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、标签

使用 标签可以在 HTML 文档中嵌入 CSS 样式，需要注意的是在 标签中定义的样式仅对当前 HTML 文档有效。示例代码如下：

                body { background-color: YellowGreen; }        h1 { color: red; }        p { color: green; }    

注意：对于文档中的唯一样式可以使用 标签，但对于在多个文档中通用的样式，使用外部样式表更为合适。

5、 标签

标签用于提供有关 HTML 文档的元数据，例如页面有效期、页面作者、关键字列表、页面描述等信息。 标签定义的数据并不会显示在页面上，但却会被浏览器解析。

1) 定义字符集

charset 属性用来指定 HTML 文档的字符编码，上面的示例中，我们将文档的字符编码设置为了“UTF-8”。

2) 定义页面描述

定义页面的描述信息有利于搜索引擎的搜索。

document.write("PHP中文网")