html 4
HTML （非XHTML），MIME type 为 text/html ，允许省略一些标签。通过 HTML 4 DTD，你可以省略以下标签（那些所谓可避免的元素，这里用删除线加以标记）
<code><del><font face="Consolas" size="2"></area></font></del></code>
<code><del><font face="Consolas" size="2"></base></font></del></code>
<code><font face="Consolas" size="2"><body></font></code>
<code><font face="Consolas" size="2"></body></font></code>
<code><del><font face="Consolas" size="2"></br></font></del></code>
<code><del><font face="Consolas" size="2"></col></font></del></code>
<code><font face="Consolas" size="2"></colgroup></font></code>
<code><font face="Consolas" size="2"></dd></font></code>
<code><font face="Consolas" size="2"></dt></font></code>
<code><font face="Consolas" size="2"><head></font></code>
<code><font face="Consolas" size="2"></head></font></code>
<code><del><font face="Consolas" size="2"></hr></font></del></code>
<code><font face="Consolas" size="2"><html></font></code>
<code><font face="Consolas" size="2"></html></font></code>
<code><del><font face="Consolas" size="2"></img></font></del></code>
<code><del><font face="Consolas" size="2"></input></font></del></code>
<code><font face="Consolas" size="2"></li></font></code>
<code><del><font face="Consolas" size="2"></link></font></del></code>
<code><del><font face="Consolas" size="2"></meta></font></del></code>
<code><font face="Consolas" size="2"></option></font></code>
<code><font face="Consolas" size="2"></p></font></code>
<code><del><font face="Consolas" size="2"></param></font></del></code>
<code><font face="Consolas" size="2"><tbody></font></code>
<code><font face="Consolas" size="2"></tbody></font></code>
<code><font face="Consolas" size="2"></td></font></code>
<code><font face="Consolas" size="2"></tfoot></font></code>
<code><font face="Consolas" size="2"></th></font></code>
<code><font face="Consolas" size="2"></thead></font></code>
<code><font face="Consolas" size="2"></tr></font></code>
比如，你的代码是
<code><font face="Consolas" size="2"><li>List item</li></font></code>
可以写为
<code><font face="Consolas" size="2"><li>List item</font></code>
又比如段落要以
立即学习“前端免费学习笔记（深入）”；
<code><font face="Consolas" size="2"></p></font></code>
结尾，你可以只写
<code><font face="Consolas" size="2"><p>My paragraph</font></code>
甚至可以去掉 html，head，body（把这作为你的编码规范之前请确保这会令你舒服）。
省略标签后 HTML 依然有效，同时减小了文件大小。对一般的页面来说，可以节省 5-20%。
HTML 5
正在发展中的 HTML 5 提供了一些减小文件大小的方法。
比如，页面文档类型声明
<code><font face="Consolas" size="2"><!DOCTYPE html></font></code>
对比
<code><font face="Consolas" size="2"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></font></code>
很显然 HTML 5 的 DTD 更短。
当为页面指定编码时，HTML 5 很易用而且更短：
<code><font face="Consolas" size="2"><meta charset="utf-8"></font></code>
代替
<code><font face="Consolas" size="2"><meta http-equiv="content-type" content="text/html; charset=utf-8"></font></code>
通常情况下，浏览器会正确处理 HTML。
另外，在今天的 HTML 5 中，你可以去除声明 MIME 类型的 type 属性，比如
<code><font face="Consolas" size="2">type="text/css"</font></code>
<code><font face="Consolas" size="2">type="text/javascript"</font></code>
你可以用
<code><font face="Consolas" size="2"><script></font></code>
<code><font face="Consolas" size="2"><script type="text/javascript"></font></code>
<code><font face="Consolas" size="2"><style></font></code>
<code><font face="Consolas" size="2"><style type="text/css"></font></code>
在所有类型的页面中（甚至是 XHTHML）你可以省略
<code><font face="Consolas" size="2">type="text/css"</font></code>
HTML 5 使这一切变得更简单。
同时使用上面所有的方法会使文件节省 10%-20%（甚至更多），这取决于你的编码风格和页面中的文本内容数量。代码将更干净，访问者会更快的获取网站内容。在隐私中心项目中我们采用很多这类技术，节省了原始文件大小的 20%。
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
546
