栏目导航

热点推荐

阅览排行

当前位置：主页>设计在线>CSS教程>资讯:HTML减肥:精简HTML标记制作网页

HTML减肥:精简HTML标记制作网页

www.jz123.cn 2009-08-14 来源: 中国建站责任编辑(袁袁) 我要投递新闻

　　改善网站速度的一个很明显的方法是减小 HTML 文件的大小。有一些方法，比如：硬压缩(rigid compression)，acupuncture-like ID 及改变 class 名。下面是一些我们总结的使 HTML 标记更精简的方法。

　　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

　　又比如段落要以

</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//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

　　很显然 HTML 5 的 DTD 更短。

　　当为页面指定编码时，HTML 5 很易用而且更短

代替

　　通常情况下，浏览器会正确处理 HTML。

　　另外，在今天的 HTML 5 中，你可以去除声明 MIME 类型的 type 属性，比如

type="text/css"

　　或

type="text/javascript"

　　你可以用

　　替代

用

<style>

　　替代

　　在所有类型的页面中(甚至是 XHTHML)你可以省略

type="text/css"

　　HTML 5 使这一切变得更简单。

　　同时使用上面所有的方法会使文件节省 10%-20%(甚至更多)，这取决于你的编码风格和页面中的文本内容数量。代码将更干净，访问者会更快的获取网站内容。在隐私中心项目中我们采用很多这类技术，节省了原始文件大小的 20%

顶一下

上一篇：CSS网页布局开发时的常见问题小结下一篇：轻松搞定IE的CSS制作网页技巧3则

栏目导航

热点推荐

阅览排行

HTML减肥:精简HTML标记制作网页

相关文章列表

评论总数：0 条 [ 查看全部 ] 网友评论