html页面如何导入文件

在HTML页面中,可以使用`标签的src属性导入外部JavaScript文件,使用标签的href`属性导入CSS样式表。

在HTML页面中,可以使用不同的方法导入文件,下面将详细介绍两种常见的方法:使用标签和JavaScript的import()函数。

1. 使用标签导入CSS样式文件

使用标签可以导入外部的CSS样式文件,从而为HTML页面添加样式。




    导入CSS样式文件示例
    


    


在上面的代码中,标签用于指定要导入的CSS样式文件。href属性指定了文件的路径和文件名(这里假设文件名为styles.css),通过这种方式,浏览器会加载并应用指定的CSS样式到HTML页面上。

2. 使用JavaScript的import()函数导入模块或脚本文件

JavaScript提供了import()函数,可以动态地导入模块或脚本文件,这使得在需要时才加载资源成为可能,提高了页面的性能。




    导入JavaScript模块示例


    


在上面的代码中,使用了