网络编程
位置:首页>> 网络编程>> 网页设计>> HTML的优化杂记(2)

HTML的优化杂记(2)

 来源:daimaren.cn 发布时间:2010-03-10 10:39:00 

标签:HTML,优化,代码优化,javascript

6. style=”…”

没有什么本质性的错误,只是后期维护麻烦,另外移到外联的CSS文件中可以缓存起来提高页面执行效率。

7. <script language=”Javascript” … >

最容易误解的属性之一,觉得这个是脚本的“语言”,这个属性是如此古老,在1999年就已经不推荐被使用了。

8. <script charset=”…” … >

<script type="text/javascript" charset="UTF-8">
    ...
  </script>

script标签的另一个容易被误解的属性,charset在HTML4.01里的描述:请注意,charset属性是指字符的 src属性所指定的脚本编码,它不涉及的脚本元素的内容。(Note that the charset attribute refers to the character encoding of the script designated by the src attribute; it does not concern the content of the SCRIPT element.),也就是说他只在外联脚本的时候指定脚本文件的编码格式。不推荐使用。

上面说的都是一些错误或者不推荐的用法,下面是一些可以合理忽略以清理标记的属性:

1.<style media=”all” …>

HTML 4.01规定的默认媒体是“screen”,但是经过测试发现几乎所有浏览器并未按照规定执行,而是用“all”替代,如果你要使用media=”all”,那建议可以省略此属性。

2. <form method=”get” …>

form的默认method是get,所以如果要使用get可以不用再指明。

3. <input type=”text” …>

在HTML 4.01和HTML5草案里规定了input的默认属性为text,所以可以忽略。

4. <meta http-equiv=”Content-type” …>

指定文件的字符编码一直都引起极大的混乱,Content-type的优先级并不比HTTP HEADER高,当两者都存在时,请求头更优先,所以如果你能控制好服务器响应,并且设置好HEADER,那MATE就可以安全的忽略,除非页面需要本地浏览的时候。

5. <a id=”…” name=”…” …>

如果不想兼容古老的浏览器(如 Netscape 4),完全不用在一个元素上同时出现ID和NAME。

下面是在HTML(非XHTML)下一些更极端的标记优化方法:

  1. 删除注释

  2. 删除代码空白

  3. 移除可选结束标签,如P标签可以不写结束标签

  4. 移除属性引号

  5. 移除布尔属性的值,如option的selected

  6. 尽量移除内联的样式和脚本等

  7. 尽量优化类和ID名

  8. http://daimaren.cn -》//daimaren.cn

X啊,老外罗哩罗嗦的,最后再写点是关于错误的,不好优化示例:

1.移除doctype,HTML Compresor是一个HTML优化工具,它会直接去掉文档声明,会导致页面触发怪异模式,很不好。

2.用B替代STRONG用I替代EM。

HTML Compresor会直接用B替代STRONG用I替代EM,B不是一个强烈的强调,同样I和EM也不一样,B和I只是字体风格,他们会影响页面渲染,同时也不具备语义。

3.删除title\alt\等标签属性。,节约字符和无障碍以及用户体验的权衡,得不偿失。


0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com