Web培训
400-111-8989
Web前端开发规范之HTML规范
今天小编要跟大家分享的文章是关于Web前端开发规范之HTML规范。Web前端作为开发团队中不可或缺的一部分，需要按照相关规定进行合理编写(一部分不良习惯可能给自己和他人造成不必要的麻烦)。不同公司不同团队具有不同的规范和文档。下面是根据不同企业和团队的要求进行全面详细的整理结果。来和小编一起看一看HTML规范的原则吧！
HTML规范
1、文档类型声明及编码：统一为html5声明类型。书写时利用IDE实现层次分明的缩进(默认缩进4空格)。
2、非特殊情况下CSS文件放在body部分标签后。非特殊情况下大部分JS文件放在标签尾部(如果需要界面未加载前执行的代码可以放在head标签后)避免行内JS和CSS代码。
3、所有编码需要遵循html(XML)标准，标签&属性&属性命名必须由小写字母及下划线数字组成，且所有标签必须闭合，包括br()，hr()等。属性值用双引号。
4、引入JS库文件，文件名须包含库名称及版本号及是否为压缩版，比如jquery-1.4.1.min.js。引入插件，文件名格式为库名称+插件名称，比如jQuery.bootstrap.js。
5、书写页面过程中，请考虑向后扩展性。class&id参见css书写规范.
6、需要为html元素添加自定义属性的时候，首先要考虑下有没有默认的已有的合适标签去设置，如果没有，可以使用须以"data-"为前缀来添加自定义属性，避免使用"data："等其他命名方式。
7、语义化html，如标题根据重要性用h*(同一页面只能有一个h1)，段落标记用p，列表用ul，内联元素中不可嵌套块级元素。
8、尽可能减少div多层级嵌套。
9、书写链接地址时，必须避免重定向，例如：href="http：//#/"，即须在URL地址后面加上“/”;
10、在页面中尽量避免使用style属性，即style="…"。
11、必须为含有描述性表单元素(input，textarea)添加label，如姓名：须写成：姓名：
12、能以背景形式呈现的图片，尽量写入css样式中。
13、重要图片必须加上alt属性。给重要的元素和截断的元素加上title。
14、给区块代码及重要功能(比如循环)加上注释，方便后台添加功能。
15、特殊符号使用：尽可能使用代码替代：比如<(<)&>(>)&空格()&»(»)等等。
以上就是小编今天为大家分享的关于Web前端开发规范之HTML规范的文章，希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助，想要了解更多Web前端知识记得关注达内Web培训官网，最后祝愿小伙伴们工作顺利，成为一名优秀的Web前端工程师。
【免责声明：本文图片及文字信息均由小编转载自网络，旨在分享提供阅读，版权归原作者所有，如有侵权请联系我们进行删除。】
预约申请免费试听课
填写下面表单即可预约申请免费试听！ 怕学不会？助教全程陪读，随时解惑！担心就业？一地学习，可全国推荐就业！
上一篇：Web前端初学者的常见问题汇总
下一篇：Web前端开发规范之css规范
-
扫码领取资料
回复关键字：视频资料
免费领取 达内课程视频学习资料
Copyright © Tedu.cn All Rights Reserved 京ICP备08000853号-56 
京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有
选择城市和中心
北京
黑龙江省
吉林省
内蒙古
河北省
陕西省
江苏省
湖北省
四川省
重庆
湖南省
江西省
浙江省
贵州省
云南省
广西省
海南省
台湾