thinkcq’s blog

平时工作除了设计，就和W3C这块联系得最紧密，为了以后更规范、更合理去做页面架构，也想纪录一下实际工作中所遇到的问题和解决问题的经验，所以记录了如下的条条款款，希望能给自己加深印象，也希望给更多人参考的意见。陆续更新！

1. id与class采用英文命名方式，提取本区块的英文关键词，采用第一个词小写，第二个词开始第一个字母大写的写作风格，这样的好处是：方便阅读理解页面结构和CSS结构,避免由于使用中划线或下划线所带来的增大CSS文件的问题。如：subMenu、homeLeft、mostPopular等；
2. XHTML代码中，区块的的布局结构标签尽量统一，并要清晰合理；
3. 在XHTML代码中，同一级区块的的标题尽量采用统一的布局结构，如：同一级的标题统一用<h4 id=”mostPopularTitle”></h4>;
4. 在XHTML代码中，给主要布局结构或重要的区块标签加上注释，并注释的风格要统一。如：<!– Begin Content –><!– End Content –>
5. 在导航菜单中，当前选择的栏目用一个类区分，如：
   <ul>
   <li><a href=”">3D Modeling & CAD</a></li>
   <li><a href=”">Animation</a></li>
   <li class=”selected”><a href=”">Authoring Tools</a></li>
   <li><a href=”">Desktop Publishing</a></li>
   <li><a href=”">Flash Design Tools</a></li>
   <li><a href=”">Font Tools</a></li>
   <li><a href=”">Fonts</a></li>
   <li><a href=”">Illustration</a></li>
   </ul>
   其中，selected就是当前所选择的项目，当然你也可以定义到<a>标签中。
6. CSS的命名尽量不用缩写，除非一看就能明白的缩写词；
7. 所有的xhtml标签全小写，属性加双引号,并且值不能为空；
8. <h1>到<h5>的使用，应遵循从大到小的原则、从高到低的优先级原则，较好体现文档的结构。
9. 给每一个表格和表单加上一个唯一的、结构标记id，给table加上一个信息摘要的属性summary；
10. 给图片加上alt标签；
11. 根元素前必须有<!DOCTYPE>声明，宣告使用何种DTD；

Technorati : css, 规范化，w3c
Del.icio.us : css, xhtml, 规范化，w3c

主要是这两天的工作量太大，任务重，每天只有6个小时的休息时间，身体极度疲倦。得休息下了。

9月初公司要到草原去玩，好期待日子的来临哦。