html5教程之HTML减肥:精简HTML标志制造网页

显示全部楼层 · 发表于 2015-1-15 23:20:38

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。网页制造poluoluo文章简介：改良网站速率的一个很分明的办法是减小HTML文件的年夜?Ｓ幸恍┓椒ǎ热纾河惭顾酰rigidcompression），acupuncture-likeID及改动class名。上面是一些我们总结的使HTML标志更精简的办法。
改良网站速率的一个很分明的办法是减小HTML文件的巨细。有一些办法，好比：硬紧缩（rigidcompression），acupuncture-likeID及改动class名。上面是一些我们总结的使HTML标志更精简的办法。
HTML4
HTML（非XHTML），MIMEtype为text/html，同意省略一些标签。经由过程HTML4DTD，你能够省略以下标签（那些所谓可制止的元素，这里用删除线加以标志）

</area>

复制代码

</base>

复制代码

<body>

复制代码

</body>

复制代码

复制代码

</col>

复制代码

</colgroup>

复制代码

</dd>

复制代码

</dt>

复制代码

<head>

复制代码

</base>0

复制代码

</base>1

复制代码

</base>2

复制代码

</base>3

复制代码

</base>4

复制代码

</base>5

复制代码

</base>6

复制代码

</base>7

复制代码

</base>8

复制代码

</base>9

复制代码

<body>0

复制代码

<body>1

复制代码

<body>2

复制代码

<body>3

复制代码

<body>4

复制代码

<body>5

复制代码

<body>6

复制代码

<body>7

复制代码

<body>8

复制代码

好比，你的代码是

<body>9

复制代码

能够写为

</body>0

复制代码

又好比段落要以

<body>0

复制代码

开头，你能够只写

</body>2

复制代码

乃至能够往失落html，head，body（把这作为你的编码标准之前请确保这会令你恬逸）。
省略标签后HTML仍然无效，同时减小了文件巨细。对一样平常的页面来讲，能够节俭5-20%。
HTML5
正在开展中的HTML5供应了一些减小文件巨细的办法。
好比，页面文档范例声明

</body>3

复制代码

对照

</body>4

复制代码

很明显HTML5的DTD更短。
当为页面指定编码时，HTML5很易用并且更短：

</body>5

复制代码

取代

</body>6

复制代码

一般情形下，扫瞄器会准确处置HTML。
别的，在明天的HTML5中，你能够往除声明MIME范例的type属性，好比

</body>7

复制代码

或

</body>8

复制代码

你能够用

</body>9

复制代码

替换

0

复制代码

用

1

复制代码

替换

2

复制代码

在一切范例的页面中（乃至是XHTHML）你能够省略

</body>7

复制代码

HTML5使这统统变得更复杂。
同时利用下面一切的办法会使文件节俭10%-20%（乃至更多），这取决于你的编码作风和页面中的文本内容数目。代码将更洁净，会见者会更快的猎取网站内容。在隐私中央项目中我们接纳良多这类手艺，节俭了原始文件巨细的20%。

使用HTML5也是断断续续的有些历史了，但是没有系统的总结过，最近发现公司的图书馆有不少藏书，

		自动登录	找回密码
密码			立即注册

[HTML5] html5教程之HTML减肥:精简HTML标志制造网页

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子

浏览过的版块