学习Web标准一年多来的回顾及检讨

重新认识自我

2007年5月9号这天,对于俺来说值得在此写上一笔,这天下午在群里看到一位TC公司的员工在群里发布招聘信息,俺一看到这消息,脑细胞顿时就处于高速运转状态中,于时就把自己的小站的页面发给他帮俺看一下,结果不到3秒钟就发过来6条“批文”,瞬间自己一直以来良好的感觉被打入万丈深渊之中。一直以来虽然都想用Web标准来制作页面,但是总是事不如愿 ,总是一开头都能处于正轨状态,到后面总是偏离其中(学艺不精的表现),今天此写上自己一直以来所犯的毛病,及应该注意事项,在此非常感谢他百忙之中抽空给俺的指点及帮助,这让俺对于自己有了重新的认识,不再沉溺于过去重装上阵,岁月如流水,能把人磨成各种各样,希望我不是在流水的冲刷中安逸地慢慢老去......

2007-5-9

1. <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

charset这个要用UTF-8 保持通用性。

2. <link href="style/screen/index.css" rel="stylesheet" type="text/css" media="screen" />

media 要指明,各尽其责。

3. CSS文件中头部要写上 @charset "utf-8";

以保持通用性及统一性。

4. <div id="left">

命名规范化,命名不规范,不利于后期维护(俺这个被批了),一般命名不用位置来命,而是用功能来命名,因为改版的话,left可能位置有改变,样式的命名也要注意“语义”

5. 俺的页面是用过渡的DTD既 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> , 但内容中却出现了<p> </p>

标签如果没内容或用到就不要多,不要乱写标签,画蛇添足。

6. 在XHTML页面中头部加入 <?xml version="1.0" encoding="UTF-8"?>

如果在XHTML页面中加班上面 <?xml version="1.0" encoding="UTF-8"?> ,这个会让该页面中的IE的盒模型在IE6及以下版本变成IE6以下的解释方式,这也有一个好处就是在IE各个版本中,盒模型都是统一的。