HTML 標籤閉合

admin發表於2019-01-08
HTML

良好的程式碼大致有如下幾個標準：

（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>

其實我們可以在後期的壓縮環節實現刪除可選閉合的部分，寫程式碼的時候還是要保留。

相關文章