HTML标签是否闭合

  今天遇到一个问题,在这里记一下。

  如下面代码,当给script标签同时添加src属性和内容时,script会忽略内容中的代码,只执行引入的js中的语句。

<script src="example.js">
    console.log('test');
</script>

  当然,这不是重点。今天遇到的问题是我在写script时写成了如下格式

<script src='example.js' />

  页面中会显示为如下格式,这里就会出现个问题,example.js中的代码没有执行

  

  以前习惯会写成<script></script>这种,觉得<script src="" />这样的写法也没有问题,这里真的是让自己上了一课。之后在网上查了些资料,了解到了HTML标签的闭合性。

  HTML标签是否闭合,可以通过将标签分类进行判断,大致分为有内容标签无内容标签。像div,p,span这种就属于有内容标签,标签内部可以添加内容,例如:<div>hello world</div>,像input,br,hr这种就属于无内容标签,写法为 <input type="text" />, <br />。

  但是script标签需要单独记忆,它属于有内容标签,内部可以写入js代码,但是必须要写成<script></script>这种形式,其他形式就会出现错误。

  最后,列举出一些无内容标签,方便记忆。

  

<br> <hr> <img> <input> <link> <meta> <area> <base> <col> <command> <embed> <keygen> <param> <source> <track> <wbr>

猜你喜欢

转载自www.cnblogs.com/thinking-yxf/p/10145829.html