前端代码开发规范。web开发规范。web开发注意事项。前端开发如何写出更规范的代码

一、图片观看：

二、文字描述：

1，web开发基本原则：

1.结构html，样式css，行为js：三者要分离，尽量确保文档和模板只包含HTML结构，样式都放到样式表里，行为都放到脚本里;
2.缩进：统一缩进方式：整体tab /整体空格;
3.文件编码：在HTML中指定编码，无需使用@charset（CSS字符集指定样式表的编码）;
4。 html元素一律使用小写字母;
5.外链资源：省略（图片及其它媒体资源）URL中的http / https协议，使URL成为相对地址，它协议（ftp等）的URL不省略;
6.统一注释：
html注释区分模块和区块内容;
CSS注释组件块和子组件块以及声明块之间使用一空行分隔，子组件块之间三空行分隔;

JS注释区分单行和多行注释和文件注释在告诉不熟悉这段代码的读者这个文件中包含哪些东西应该提供文件的大体内容，它的作者，依赖关系和兼容性信息）。

_____________________________________________________________________________________

2，HTML部分：
1.通用约定：
1.1 。标签：单标签无需闭合，双标签必须闭合;尽量减少标签数和复杂度;
1.2.class和id：class应该功能或内容命名，不已表现形式命名;单词过时时，应注意书写格式; id作为选择器唯一表示符（钩子机制），同时避免创建无样式信息的类;
1.3属性编写顺序：ID>类>名称>数据- ×××>的src /为/类型/ HREF>标题/ ALT> aria-×××/作用;
1.4。尽量使用双引号定义元素属性;
1.5。元素嵌套：
元素不要嵌套元素，也不要嵌套

元素;
严格嵌套模式下：元素不可以嵌套交互式元素， /