HTML5编码规范

HTML5编码规范

ID:47090282

大小:56.31 KB

页数:9页

时间:2019-07-23

HTML5编码规范_第1页
HTML5编码规范_第2页
HTML5编码规范_第3页
HTML5编码规范_第4页
HTML5编码规范_第5页
资源描述:

《HTML5编码规范》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、HTML5编码规范规范目的本文档的目标是使HTML5代码风格保持一致,容易被理解、维护和升级,提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,同是为网站有一个更好的前端架构,网站的发展及未来打好一个基础。基本准则符合web标准,语义化html,结构表现行为分离,兼容性优良.页面性能方面,代码要求简洁明了有序,尽可能的减小服务器负载,保证最快的解析速度.文件规范1、html,css,js,images文件均归档至约定的目录中。2、html文件命名:必须单词全字母小写,单词间以-分隔,依实际模块命名,如果同一模块以_&ti

2、tle&_来组合命名,以方便添加功能时查找对应页面,团结里的相互理解。HTML5代码规范1.代码风格1.1缩进与换行[建议]使用4个空格作为一个缩进层级。[建议]模板代码的缩进优先保证HTML代码的缩进规则。1.2命名规则[强制]class:必须单词全字母小写,单词间以-分隔,且必须代表相应的模块或部件的内容或功能,不得以html内置样式进行命名,命名应该具有明确的语义。[强制]id:必须保持在页面中的唯一性,命名应该具有明确的语义。1.3标签[强制]Html中的标签名必须使用小写字母。[强制]标签的闭合要符合html5的规定。[强制]标签的使用

3、必须符合标签的嵌套规则,例: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可以实现相同需求的情况下不得使用表格进行布局。1.4属性[强制]属性必须使用小写字母,其属性值必须用双引号包围。[建议]布尔类型的建议不添加属性值。自定义属

4、性建议以xxx-为前缀,推荐使用data-1.5所有编码均遵循xhtml标准,标签&属性&属性命名必须由小写字母及下划线数字组成,且所有标签必须闭合,包括br(
),hr(


)等;属性值必须用双引号包括;目的:更加符合web标准(w3c),也有利于seo。1.6语义化html,如标题根据重要性用h*(同一页面只能有一个h1),段落标记用p,列表用ul,内联元素中不可嵌套块级元素;目的:减少代码量,1.7尽可能减少div嵌套,如欢迎访问XXX,您的用户名是

5、vclass=”name”>用户名

完全可以用以下代码替代:

欢迎访问XXX,您的用户名是用户名

;目的:减少代码量,1.8引入JS库文件,文件名须包含库名称及版本号及是否为压缩版,比如jquery-1.4.1.min.js;引入插件,文件名格式为库名称+插件名称,比如jQuery.cookie.js;1.9书写链接地址时,必须避免重定向,例如:href=”http://www.haogu.com/”,即须在URL地址后面加上“/”;

6、2.0在页面中尽量避免使用style属性,即style=”„”除非考虑网站http请求,网站响应速度等因素比重情况具体分析;2.页面头部2.1DOCTYPE[强制]使用doctype来启用标准模式,建议使用大写的DOCTYPE2.2语言编码[建议]有助于提高页面的可访问性,必须设置正确的lang属性,例:[强制]页面必须指定字符编码的meta,且必须是head的第一个直接子元素,例:。Meta标记用于定义页面的相关信息,为非成对标记,位于标记之间。可以有三部

7、分,namehttp-equivcontenthttp-equiv属性值可以是:refresh(页面刷新)http-equiv=“refresh”content=“5;url=http://www.baidu.com”reply-to(页面回复信息)keywords(页面关键字)用于某些搜索引擎content-type(页面内容格式)content-type:text/htmlauthor(页面作者)description(页面内容摘要)注:如果没有name属性,那么名称/值对中的名称会采用http-equiv属性的值。Base页面中的所有标签在

8、新窗口中打开,target值有_blank,_parent,_self,_top。对应的是连接,href的值可以确定。Title定义文档

当前文档最多预览五页,下载文档查看全文
侵权申诉

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签