控制台报错Uncaught SyntaxError: Unexpected token踩坑实录

作为一个工作两年的前端小菜鸟，今天被一个后端的同事问到。他说他的控制台报错：Uncaught SyntaxError: Unexpected token '.' ，像下面这样。

嗯，在他确定代码没有语法错误之后，我决定来翻译一下：

一头雾水。

检查 .css 文件，也没有发现语法问题。

搞了半天，最后找到问题的原因。

我来还原一下：

<script src="css/detail.min.css"></script>

咦，好像很眼熟，但又好像哪里不对，啊啊啊！！！

用 script 标签引的 .css 文件，确实是第一次见呐。

把标签改成 link 就可以了，一次完美的低级失误。

<link rel="stylesheet" href="css/detail.min.css">

看一下这两个标签有什么区别，哦对，我记得之前整理过 script 标签，在这：HTML的 script 标签引用js文件及其属性整理

那么 link 标签呢？ w3school 的解释是：

<link> 标签定义文档与外部资源的关系。

<link> 标签最常见的用途是链接样式表。

link 标签最常用的用途就是引用 .*ss 样式表文件。