首頁>網頁設計教程>HTML教程

HTML減肥精簡HTML標記製作網頁

作者：Eve Cole 更新時間：2025-05-13 06:16:01
HTML 4

HTML （非XHTML），MIME type 為text/html ，允許省略一些標籤。通過HTML 4 DTD，你可以省略以下標籤（那些所謂可避免的元素，這裡用刪除線加以標記）

 </area>
 </base>
 <body>
 </body>
 </br>
 </col>
 </colgroup>
 </dd>
 </dt>
 <head>
 </head>
 </hr>
 <html>
 </html>
 </img>
 </input>
 </li>
 </link>
 </meta>
 </option>
 </p>
 </param>
 <tbody>
 </tbody>
 </td>
 </tfoot>
 </th>
 </thead>
 </tr>

比如，你的代碼是

<li>List item</li>

可以寫為

<li>List item

又比如段落要以

</p>

結尾，你可以只寫

<p>My paragraph

甚至可以去掉html，head，body（把這作為你的編碼規範之前請確保這會令你舒服）。

省略標籤後HTML 依然有效，同時減小了文件大小。對一般的頁面來說，可以節省5-20%。

HTML 5

正在發展中的HTML 5 提供了一些減小文件大小的方法。

比如，頁面文檔類型聲明

<!DOCTYPE html>

對比

<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd>

很顯然HTML 5 的DTD 更短。

當為頁面指定編碼時，HTML 5 很易用而且更短：

 <meta charset=utf-8>

代替

<meta http-equiv=content-type content=text/html; charset=utf-8>

通常情況下，瀏覽器會正確處理HTML。

另外，在今天的HTML 5 中，你可以去除聲明MIME 類型的type 屬性，比如

type=text/css
或
type=text/javascript

你可以用

<script>
替代
<script type=text/javascript>
用
<style>
替代
<style type=text/css>

在所有類型的頁面中（甚至是XHTHML）你可以省略

type=text/css

HTML 5 使這一切變得更簡單。

同時使用上面所有的方法會使文件節省10%-20%（甚至更多），這取決於你的編碼風格和頁面中的文本內容數量。代碼將更乾淨，訪問者會更快的獲取網站內容。在隱私中心項目中我們採用很多這類技術，節省了原始文件大小的20%。

相關文章