文档介绍：HTML5编码规范————————————————————————————————作者:————————————————————————————————日期: HTML5编码规范规范目的本文档的目标是使HTML5代码风格保持一致,容易被理解、维护和升级,提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,同是为网站有一个更好的前端架构,网站的发展及未来打好一个基础。基本准则符合web标准,语义化html,结构表现行为分离,,代码要求简洁明了有序,尽可能的减小服务器负载,、html,css,js,images文件均归档至约定的目录中。2、html文件命名:必须单词全字母小写,单词间以-分隔,依实际模块命名,如果同一模块以_&title&_来组合命名,以方便添加功能时查找对应页面,团结里的相互理解。[建议]使用4个空格作为一个缩进层级。[建议]模板代码的缩进优先保证HTML代码的缩进规则。[强制]class:必须单词全字母小写,单词间以-分隔,且必须代表相应的模块或部件的内容或功能,不得以html内置样式进行命名,命名应该具有明确的语义。[强制]id:必须保持在页面中的唯一性,命名应该具有明确的语义。[强制]Html中的标签名必须使用小写字母。[强制]标签的闭合要符合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可以实现相同需求的情况下不得使用表格进行布局。[强制]属性必须使用小写字母,其属性值必须用双引号包围。[建议]布尔类型的建议不添加属性值。自定义属性建议以xxx-为前缀,推荐使用data-,标签&属性&属性命名必须由小写字母及下划线数字组成,且所有标签必须闭合,包括br(<br/>),hr(<hr/>)等;属性值必须用双引号包括;目的:更加符合web标准(w3c),也有利于seo。,如标题根据重要性用h*(同一页面只能有一个h1),段落标记用p,列表用ul,内联元素中不可嵌套块级元素;目的:减少代码量,,如<divclass=”box”><divclass=”e”>欢迎访问XXX,您的用户名是<divclass=”name”>用户名</div></div></div>完全可以用以下代码替代:<divclass=”box”><p>欢迎访问XXX,您的用户名是<span>用户名</span></p></div>;目的:减少代码量,,文件名须包含库名称及版本号及是否为压缩版,比如jquery-;引入插件,文件名格式为库名称+插件名称,;,必须避免重定向,例如:href=”/”,即须在URL地址后面加上“/”;,即style=”„”除非考虑网站http请求,网站响应速度等因素比重情况具体分析;[强制]使用doctype来启用标准模式,[建议]有助于提高页面的可访问性,必须设置正确的lang属性,例:<htmllang="">[强制]页面必须指定字符编码的meta,且必须是head的第一个直接子元素,例:<metacharset="UTF-8">。Meta标记用于定义页面的相关信息,为非成对标记,位于<head>标记之间。可以有三部分,namehttp-equivcontenthttp-equiv属性值可以是:refresh(页面刷新)http-equiv=“refresh”content=“5;url=ly-to(页面回复信息)keywords(页面关键字)用于某些搜索引擎content-type(页面内容格式)content-type:text/htmlauthor(页面作者)description(页面内容摘要)注:如果没有name属性,那么名称/值对中的名称会采用http-equiv属性的值。Base页面中的所有标签在新窗口中打开,target值有_blank,_parent,_self,_top。对应