HTML 标签闭合

2019-1-8 11:53| 作者: admin| 查看: 9359| 评论: 1|来自: 蚂蚁部落

良好的代码大致有如下几个标准:

(1).正确。

(2).可读性好。

(3).尽可能的简化。

HTML标准也是如此要求的,尽可能的简化代码,比如以前需要闭合的标签现在可能就无需闭合。

这样会减少代码体积,对于大型项目效果会更为明显,下面对标签是否需要闭合做一下介绍。

一.自闭合的标签无需闭合:

对于自闭和标签,无需进行闭合,比如<input>、<img>、<br>和<hr>等。

看如下代码:

[HTML] 纯文本查看 复制代码
<input type="text" name="antzone" />

上面并不是最佳方式,最后的斜杠不是必须的,修改如下:

[HTML] 纯文本查看 复制代码
<input type="text" name="antzone">

二.可选闭合标签:

有些标签是可闭合也可以不闭合,比如<body>或者<li>等元素。

但是这些最好还是闭合,虽然代码简化了,但是可读性会变的很差。

[HTML] 纯文本查看 复制代码
<ul>
  <li>蚂蚁部落一
  <li>蚂蚁部落二
</ul>

上面的代码确实变简单的,但是感觉很奇怪,尤其是在复杂的代码中更是如此。

代码修改如下:

[HTML] 纯文本查看 复制代码
<ul>
  <li>蚂蚁部落一</li>
  <li>蚂蚁部落二</li>
</ul>

其实我们可以在后期的压缩环节实现删除可选闭合的部分,写代码的时候还是要保留。


鲜花
1

握手

雷人

路过

鸡蛋

刚表态过的朋友 (1 人)

发表评论

最新评论

引用 gwdsss 2019-8-22 14:33
无需进行闭合,比如<input>、<img>、<br>和<hr>等

有些标签是可闭合也可以不闭合,比如<body>或者<li>等元素。
但是这些最好还是闭合,虽然代码简化了,但是可读性会变的很差。

后期的压缩环节实现删除可选闭合的部分,写代码的时候还是要保留。

查看全部评论(1)

返回顶部