网页中头部以及各文件的引入顺序

在平时的网页制作中不知道前端的小伙伴们有没有注意过需要外链的各文件的引入顺序？在网页制作的过程中命名引入了这个文件，但是js却报错没有找到这个文件？下面我们就来说一下html中各文件的正确引入方式。
因为浏览器读取文件的顺序是从上往下来读取的，所以一般重要的东西都放在html文件的头部，比如文档声明，语言编码格式，关键词等等；那么外链的文件应该怎么放入html才合适呢？
通常情况下，html文件除了需要引入图片之外也就需要引入js和css了。那我们就先来说一下css的引入顺序！有做过前端或者有点击多F12查看过网页源代码的小伙伴们都知道css文件都是在head标签中引入的；但是css文件也是有自己的引入顺序的，一般情况下为了防止框架定义的标签样式与自己想要的标签样式与冲突，所以一般情况下先引入框架的css样式，然后再引入样式清除文件，以处理兼容性以及各浏览器差异的问题。最后再引入公共样式文件和单页面文件。
而通常js文件引入与写入却有些门道了。一些需要浏览器页面还没有加载完成甚至还没有加载的时候就要执行的js文件要放在HTML的头部，比如通过判断来实现是否用https协议的js就要放在css文件之上；这样才能尽可能的节约用户等待时间，虽然现在电脑下载加载速度很快，但是引用逻辑也很重要的，可以减少很多电脑做的无用功。如果你布不得不放在头部的js又引入了别的js框架，那么这个js框架的引入就要放在你的js代码之上，否则js有可能会报错。其他的js文件引入和js代码要放到body的最底部。因为只有在页面加载完成之后，才可以使用js所操作的dom，而且动画一般都是立即执行的，如果js位置放的不恰当，先有js的话，在js操作dom的时候找不到这个dom，js就会报错然后会影响到后面js代码的执行。所以js文件的引入要更加的严格。
希望这篇文章能规范有这些引用问题的小伙伴们的文件引入顺序，减少以后工作中出现的问题。