标签引用:

• <script > </script>:普通脚本

普通加载, 会在Body加载之前先加载script里面的

• <script defer="defer"> </script>: 延迟脚本

立即下载, 稍后执行. Body里面的会优先加载,然后在加载script, script 文件按照引用先后加载, 有依赖关系

• <script async> </script>: 异步脚本

立即下载, 稍后执行. 不保证按照js引用的优先顺序, js文件独立,没有依赖关系, 因此如果用异步脚本, 不要在加载期间修改DOM

标签含义

• !doctype: <!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

不写会在表现形式上大有不同, 在没有!doctype的情况下, 不同的浏览器对 html 有不同的处理方式, 例如 chrome: inline-block不会出现两个并列div之间的空白