HTML和CSS、JavaScript规范 第一部分（HTML部分）

表单元素的id必须加以下前缀

label： lbl text：txt password：txt textarea：txt file：txt
radio： rad checkbox：chk submit：btn reset：btn
button：btn hidden： hid

用于结构布局的元素id命名

主容器： main 页头：header 页脚：foote 内容区域：content
LOGO： logo 主导航：main-nav 二级导航：sub-nav

name命名

一般用于表单元素，根据当前元素id属性值命名，去掉id属性值的前缀和所有连接符，使用骆驼式命名法命名，例如：id=“txt-id-card”，那么name=“idCard”。

合理使用标签，语义化结构

1. 标签合理嵌套
   a ，spam ，strong ，em ，p ，h1-h6等元素不能包含：div、ul、ol、dl、p
2. 严禁多div症、多span症、多table症，正确使用标签表现DOM结构，在文档去除css的情况下，任然具有结构和可读性，以下是html标记的使用规范：
   p ：文本段落 dl ：定义列表，可包括标题和内容简介的列表
   ul ：无序列表 ol ：有序列表 strong/em ：强调文本
   h1-h6 ：文章标题、内容区块标题，根据重要性由大到小区分，h1一个页面只出现一次；
   img ：图像。必须加上alt属性，当图像无法显示时，可表示图像信息，背景和按钮使用css处理，不使用img元素；
   table ：数据网络，规则的分栏布局，尽可能显性的定宽和定高。
3. 合理化表单结构
   A）使用fieldset元素包裹相同类别的字段。
   B）使用legen元素表示 字段类别名称。
   C）使用label表示字段文本，添加必要的for属性，以在点击字段文本时，文本框能获得焦点。
   D）文本框不使用size属性定义宽度，而使用css的width属性。
   E）添加maxlength属性限制输入字符的长度。
4. 严禁使用已在xhtml1.0中已移除的标签
   s 、i 、b 、font

5. 控制页面默认显示状态
   使用js来控制和切换现实的区块、导航、tab，必须先用css处理DOM默认显示状态。

   本文由博客一文多发平台 OpenWrite 发布！