html标签问题，自闭和标签和加斜杠关闭的区别是什么？

Question

今天用Vue时，出现了个错误，原因是，我引入的方式是这样的

<script src="vue.js" />

找了半天原因，改成这样就好了

<script src="vue.js" ></script>

有人知道这是为什么吗？

Answer 1

html有单标签和双标签之分，<script></script>以标签开头，标签结束即双标签。<img src="">则为单标签，即不用再以</img>结尾。如果双标签没有用</>的标签结尾，则会默认你接下来写的东西都会囊括在script里。一般用Dreamweaver等软件编写的时候，当你写了开头标签<script>后，再按出一个<加上斜杠/就会自动补完双标签的，即省时，又能检查错误。

Answer 2

这个有规范的，可以直接去查MDN的HTML元素参考，点开每个元素，概要里都会有一项“标签省略”，比如<script>就是明确不能省略结束标签的，而<img>就是明确不需要写结束标签的，<meta>则是写不写结束标签都无所谓。另外，在html5里不用写自关闭，直接单标签比如<img&nbsp;src='../test.jpg'>这样就好。

Answer 3

</script> 是闭合你js code 的tag， 如果你没有这个</script>， <script> 后边的code 都会默认是js code，但是后边你的code 不是js，所以就会报错。