link标签和Script标签以及加载方式的区别

一 link标签

作用：指定外部资源，建立html和外部资源的联系

常用属性

1. rel: 引入外部资源类型 例如 icon stylesheet
2. type : 指定MIME类型 例如 text/css
3. href:指定外部URL

实例

<link rel="stylesheet" type="text/css" href="common.css">

二，script标签

作用：内联、外置或动态引入js脚步文件

常用属性：

1. src：引入外部文件的URL。
2. defer：延迟加载。就算在header中引用，也是在文档最后执行，不阻塞下面的代码。相当于把script标签引用放到最底部。多个带有defer属性的文件会按照它们在文档中的顺序依次执行。
3. async：异步加载。可以和html页面解析并行进行。
4. type：原本用来指定script的MIME类型，默认值是type/javascript。不过现在浏览器都用来支持ES6的模块功能（type=“module”）。
5. ​ module 的默认加载机制就是 defer，只不过下载过程中会顺道把 import 导入的文件也给下载了；如果和 async 属性一起使用，其加载方式就是 async 形式了。

三，带有问号的引用

有时候页面引用的link或者script标签会带有问号，例如：

这种情况有两种可能：

1，脚本并不存在，而是服务端动态生成的，因此带了个版本号，以示区别。

2，客户端会缓存这些css或js文件，因此每次升级了js或css文件后，改变版本号，客户端浏览器就会重新下载新的js或css文件

加载区别

同步加载

标签是异步的

script里的内容默认是同步模式，也叫阻塞模式