网页标准化设计规范化问题
平时工作除了设计，就和W3C这块联系得最紧密，为了以后更规范、更合理去做页面架构，也想纪录一下实际工作中所遇到的问题和解决问题的经验，所以记录了如下的条条款款，希望能给自己加深印象，也希望给更多人参考的意见。陆续更新！[list=1][*]id与class采用英文命名方式，提取本区块的英文关键词，采用第一个词小写，第二个词开始第一个字母大写的写作风格，这样的好处是：方便阅读理解页面结构和CSS结构,避免由于使用中划线或下划线所带来的增大CSS文件的问题。如：subMenu、homeLeft、mostPopular等；[*]XHTML代码中，区块的的布局结构标签尽量统一，并要清晰合理；[*]在XHTML代码中，同一级区块的的标题尽量采用统一的布局结构，如：同一级的标题统一用<h4 id="mostPopularTitle"></h4>;[*]在XHTML代码中，给主要布局结构或重要的区块标签加上注释，并注释的风格要统一。如：<!-- Begin Content --><!-- End Content -->[*]在导航菜单中，当前选择的栏目用一个类区分，如：
<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>标签中。[*]CSS的命名尽量不用缩写，除非一看就能明白的缩写词；[*]所有的xhtml标签全小写，属性加双引号,并且值不能为空；[*]<h1>到<h5>的使用，应遵循从大到小的原则、从高到低的优先级原则，较好体现文档的结构。[*]给每一个表格和表单加上一个唯一的、结构标记id，给table加上一个信息摘要的属性summary；[*]给图片加上alt标签；[*]根元素前必须有<!DOCTYPE>声明，宣告使用何种DTD；[/list]
页:
[1]