浏览器在不知道表格内所有包含资源的大小之前不会呈现<table>标签。比如,如果<table>里
有一个图片,没有在<img>标签指定大小,浏览器就必须在可以呈现表格之前请求图片,如果包含了
大小,浏览器就可以继续呈现表格,同时等待图片的加载。
使用带有width属性的<col>标签也可以改进表格的呈现速度,尤其对又大又复杂的表格有效。
如下所示:
<table>
<col width=”400”/>
<col width=”300”/>
<tr>
<td>
This column will be 400 pixels wide
</td>
<td>
This one will be 30 pixels wide
</td>
</tr>
</table>
还可以在<col>标签上关联CSS类。所有主流的浏览器都支持<col>标签。
确保在HTML的第一行包含<!DOCTYPE>标签。<!DOCTYPE>告诉浏览器页面使用的HTML”方言”,比如是
旧的古怪的HTML还是优美漂亮的XHTML,后者可以自由使用已废弃的元素,或使用处于废弃和使用之
间的元素。了解这些信息可以让浏览器更快的呈现页面,因为不用让它花时间猜测加载和页面使用的
是哪种方言。我推荐中间的种类,也就是所谓的Transitional,这也是使用Visual Studio 创建新
的.aspx页面时默认的设置。它允许使用像<font>
这种被废弃的HTML元素,但是不允许使用框架集(frameset):
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd>
严格的<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
http://www.w3.org/TR/xhtml1/DTD/xhtml-strict.dtd>
Transitional 和 Strict 要求所有的标记都是格式良好的XML,所以记住关闭所有标签,属性
都加引号,比如:
<img src=”myimage.jpg”/>
因为”光秃秃”的与符号(&)在XML里是不合法的,所以在URL里应该将其替换为&。
如下所示:
<a href=”page.aspx?a=1&b=2”>My page</a>
对于静态内容,应该使用<meta charset>标签指定字符集。如果没有指定,浏览器会尝试猜测。
这不仅要承担浏览器猜测错误的风险,而且猜测的过程中也要花时间。
下面的示例是如何指定UTF-8编码:
<meta http-equiv=”Content-type” content-“text/html; charset=utf-8”>
省略该标签还会带来安全性的问题。比如,<script>alert()</script>在UTF-7字符集里可以被编码
为+Adw-script+AD4-alert()+Adw-/script+Ad4-.如果浏览器错误地将实际是UTF-8的页面猜测为
UTF-7编码,就会让黑客有注入脚本的可能。基于这个原因,即使是静态的错误页面也要包含<meta
charset>.
确保在HTML前部包含该标签,在<title>之前。
另一个更短的方法是,使用Content-Type HTTP头告诉浏览器页面的内容类型。对于动态页面,
ASP.NET运行时默认自动添加Content-Type头
本文由上海蓝友信息科技有限公司(diqsubz.cn)提供,转载请注明出处,谢谢!