① 简述符合web标准的HTML代码编写规范
1、统一编码UTF8
2、每一个模块进行注释，省的改(或者别人改)的时候找不着，也是个良好的习惯。
3、尽量通过外部文件引入css，减小html文档体积，有利于seo。
4、div尽量在三层以内，还是从seo方面考虑。
5、命名规范，比如“nav”“header”“footer”等，不要用一些乱七八糟的命名人家看不懂“sdfgdgf”之类的。
6、meta信息最好写完整、h1、h2标签、url绝对地址等等关于seo的问题要注意。
7、css、js、html分离全部外部文件引入，不要都写在html文件里面例如：css写在元素里面的style 或者js写在body下面这些，以后工作可能不止你一个web前端别人改你的代码很麻烦的，不要造成别人的麻烦，良好的编码习惯以后维护起来也比较方便。
问题比较宽泛，需要不断积累才能完善代码规范问题~
② 有一个前端面试题，多人项目中你将如何规划css文件,样式命名
.class1 .class2{xxxxxxxxx} class1下面的 class2 样式 .class2.red{xxxxxx} 同时具有 class2 和 red 的样式
③ 为什么前端命名的时候都爱用下划线或中划线
这只是一种命名风格也是为了后期维护或者查找的时候方便而且现在项目都是几个人一起开发为了便于管理避免起名冲突就这样在开发之前就制定好要求的
④ 前端必备编码规范
总结本规范的目的不是大而全，而是把我们最常用的规范总结一下，花最少的精力记住最重要的内容。
列举了一些可应用在 HTML, JavaScript 和 CSS 上的通用规则。
HTML 标签的目的，是为展示内容信息。
函数和变量命名采用驼峰命名法。
错误之处，敬请之处，谢谢您的阅读。
参考资料：
前端编码规范（1）—— 一般规范
想成为前端大神,你不得不知晓的web前端命名规范！
web前端规范
⑤ 前端的class命名规范有影响找工作么
最好是规范一些，规范一些的话，方便别人看懂你的代码
⑥ 学习web前端需要注意什么
前端虽然学习起来是相对简单的，但是内容也不少，同时后期可以补充后端技能，成为现在热门的web全栈工程师。
要学的内容主要有：
①计算机基础以及PS基础
②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）
③移动开发
④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）
⑤小程序开发
⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）
⑦就业拓展（网站SEO与前端安全技术）
互联网行业目前还是最热门的行业之一，学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的，发展前景非常好，普通人也可以学习。
想要系统学习，你可以考察对比一下开设有相关专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。
祝你学有所成，望采纳。
⑦ 参加web前端培训需要注意哪些事项
第一：基础的重要性
无论做什么都一定要有扎实的基础，参加web前端培训也不例外，只有基础牢固，才能更深入的学习新技能。作为一名初级的web前端工程师，你必须要具备最基础的技术要素：HTML，CSS和Java。这是作为web前端工程师所必须要掌握的。Web前端的入门门槛其实很低的，与其他语言先慢后快的学习节奏相比，他是一个先快后慢的过程。所以在前期的学习过程中，你会很容易的掌握其基础的技能。而随着HTML5技术的广泛应用，web前端的学习也会变得更加简单。
第二：细节的重要性
有句俗语是这样说的：“细节决定成败”，很多web前端开发者在工作过程中为了追求速度，而忽略了一些细节性的东西。比如：给代码加备注，代码的命名规范，代码的简洁等。所有的这些看似不重要，其实却严重影响了项目的进度以及自身能力的提升。在开发过程中，适当的添加备注，能够加深对技术点的印象，也便于以后在修改的过程中迅速查找;规范的代码命名能够方便团队之间的沟通，提高工作效率;而简洁的代码能够直观的展现某一块代码的作用。
第三：网站布局的重要性
做网站的最终目的除了向大众群体直观的展现公司的形象以外，更重要的还是便于SEO优化，为了提升网站在网络搜索引擎中的排名，以获取更多的浏览量。因为网站没有排名，不能让更多的人了解到公司，盈利从何谈起呢?作为一名web前端培训者，想要进一步提升技能，就一定要研究网站的优化布局。
第四：学习的重要性
优秀的web前端工程师之所以优秀，不是因为工作的年限有多久，而是具备快速学习的能力。web前端开发是一个特殊的工作，涵盖的知识面非常广，而且互联网行业技术的更新速度是非常快的，如果没有快速学习的能力，就很难跟上时代的步伐。所以，作为web前端工程师一定要不断的学习，提升技能。
⑧ 艾思软件：前端开发规范文档
开发规范（前端）
版本： v1.0
日期： 2022-01-15
一：命名规范
命名统一使用英文单词，要求简单，通俗易懂。
项目命名
使用小写字母，多单词采用 “ - ” 中划线拼接。
例如：my-world / world
文件夹命名
使用小写字母，多单词采用 “ - ” 中划线拼接。
例如：home-page / home
文件命名
使用小写字母，多单词采用 “ - ” 中划线拼接。
例如：home-page / home
变量命名
使用小驼峰命名。如果单文件中变量过多，可能会出现重名的情况，建议增加前缀来区分不同功能的变量。或者把变量拆分到不同的文件之中。
例如：maxHeight / userMaxHeight / homeMaxHeight
常量命名
全部使用大写字母。多单词采用 “ _ ” 下划线隔开。
例如：const USER_TYPE = “9001”；
函数命名
规范一：使用小驼峰命名。被继承的父类的私有函数需要增加下划线前缀 “ _getPrice() ”。
例如：showToast / _getPrice
规范二：根据函数作用，适当添加动词前缀。
例如：getSize / setSize / hasNumber
前缀请查看文档最底部 “ 附件一：（函数命名动词前缀整合） ”
二：注释规范
简单易懂的变量方法，尽量编写注释。复杂难懂的变量方法，必须编写注释
单行注释 //
在代码上一行编写单行注释，简单介绍下方代码用途、注意事项等内容。
多行注释 /* */ 或 /** */
方法必须使用多行注释。当变量或代码块复杂，单行注释不足以解释清楚的时候，也需要使用多行注释。
例如：
// 商品名称
goodsName: '猕猴桃',
/**
* 传入人员姓名，从数据库中查询该人员的手机号码
* @param {String} userName 姓名
* @return {Number} 手机号
*/
getUserMobile(userName){
......
return mobile;
},
三：CSS规范
1. class类名使用小写字母，多单词采用 “ - ” 中划线拼接。
2. id采用小驼峰命名。
3. scss、less中变量、函数、mixin统一采用小驼峰命名。
4. 缩进整洁有序。
四：项目规范
项目结构建议规范（实际根据具体需求逻辑进行调整）
src
api 所有接口封装
asstes 资源文件
- images 图片
- videos
components 所有组件
router 路由
store 状态管理
styles 公共样式
utils 公共函数库
view 视图
- home 视图文件需要分模块分文件夹存放
home.vue
home-detail.view
- user
五：附件
附件一：（函数命名动词前缀整合）