资源描述:
《HTML5编码规范》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、HTML5编码规范规范目的本文档的目标是使HTML5代码风格保持一致,容易被理解、维护和升级,提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,同是为网站有一个更好的前端架构,网站的发展及未来打好一个基础。基本准则符合web标准,语义化html,结构表现行为分离,兼容性优良.页面性能方面,代码要求简洁明了有序,尽可能的减小服务器负载,保证最快的解析速度.文件规范1、html,css,js,images文件均归档至约定的目录中。2、html文件命名:必须单词全字母小写,单词间以
2、-分隔,依实际模块命名,如果同一模块以_&title&_来组合命名,以方便添加功能时查找对应页面,团结里的相互理解。HTML5代码规范1.代码风格1.1缩进与换行[建议]使用4个空格作为一个缩进层级。[建议]模板代码的缩进优先保证HTML代码的缩进规则。1.2命名规则[强制]class:必须单词全字母小写,单词间以-分隔,且必须代表相应的模块或部件的内容或功能,不得以html内置样式进行命名,命名应该具有明确的语义。[强制]id:必须保持在页面中的唯一性,命名应该具有明确的语义。1.3标签[强制]Ht
3、ml中的标签名必须使用小写字母。[强制]标签的闭合要符合html5的规定。[强制]标签的使用必须符合标签的嵌套规则,例:div不得置于p中,tbody必须置于table中。[建议]标签的使用必须遵循标签的语义,例:p-段落h1,h2,h3,h4,h5,h6-层级标题strong,em-强调ins-插入del-删除abbr-缩写code-代码标识cite-引述来源作品的标题q-引用blockquote-一段或长篇引用ul-无序列表ol-有序列表dl,dt,dd-定义列表[建议]在CSS可以实现相同需求的
4、情况下不得使用表格进行布局。1.4属性[强制]属性必须使用小写字母,其属性值必须用双引号包围。[建议]布尔类型的建议不添加属性值。自定义属性建议以xxx-为前缀,推荐使用data-1.5所有编码均遵循xhtml标准,标签&属性&属性命名必须由小写字母及下划线数字组成,且所有标签必须闭合,包括br(
),hr(
)等;属性值必须用双引号包括;目的:更加符合web标准(w3c),也有利于seo。1.6语义化html,如标题根据重要性用h*(同一页面只能有一个h1),段落标记用p,列表用ul
5、,内联元素中不可嵌套块级元素;目的:减少代码量,1.7尽可能减少div嵌套,如欢迎访问XXX,您的用户名是用户名