# HTML-画骨-书写规范 ## 通用 - 严格使用xhtml书写规范。 * 属性值必须使用双引号括起来。 * 所有标签都必须合理嵌套。 * 不是标签一部分的特殊符号都用编码表示。 - 所有标签和属性名称都必须小写。(包括自定义属性名) - 不使用属性简写：readonly - 标签的使用 遵循“标签语义化” 的原则，避免标签滥用。 - html要求结构清晰，结构层级扁平化处理 - 合理使用id、class选择符 * 框架，全局，模块class使用连字符区别 “f-th ”“m-case” * id、class命名遵照骆驼命名法中小驼峰写法，命名要有意义，一目了然 * 标签如果有需要特殊说明、标注状态更换、class或id是简写等情况，应在该标签上方以注释的形式标注出完整意思（通用简写除外） ~~~ <li> <!-- 已经下架课程 添加class statu-offtime --> <div class="m-course statu-offtime" href="#"></div> </li> ~~~ ## 细节 - a标签要求有 title 属性，一下情况除外： 1.导航a标签 2.广告位，客户没有要求的a标签。 3.图片或栏目标题 图片做“查看详情” - img标签需要添加alt属性，以说明这张图片内容，增加搜索引擎检索。 - 前缀或后缀图标用i的背景图片构造 - 禁止使用键盘空格。若必须使用空格，则使用"&nbsp;"