使用外部引入的方式,将CSS与JS文件引入到相应的html文件当中,从而降低代码的冗余度
引入CSS的方式是通过link标签
引入JS的方式则是通过script标签
例如如下代码:
<link rel="stylesheet" href="css文件路径" /><script src="js文件路径"></script>
在CSS以及JS的使用当中,实际开发当中通常都是使用外部引入的方式进行书写(包括不共用的CSS代码),以便于管理,在适当的时候配合html文件内部书写的方式
如果是新手学习HTML5,建议弄本书把基础知识打扎实,弄清楚行业里如何开发,而不要只学习知识点,推荐《HTML5布局之路》,基于实际开发工作讲解的结构样式方面的东西
我们在HTML中经常需要引入CSS和JS文件,那么如何引入呢?下面我给大家演示一下。
工具/材料Sublime Text
01首先新建一个文件夹,在文件夹下面建立如下图所示的文件
02接下来用Sublime Text打开HTML文件,写入HTML结构,如下图所示
03然后我们在Head标签内用link标签引入CSS文件,如下图所示
04最后用Script标签引入JS文件即可,如下图所示