江门北大青鸟:Web前端开发规范之HTML规范_江门北大青鸟web前端课程
作者:广州电脑培训甘发布时间:2020-10-23分类:江门电脑学校浏览:589
Web前端开发规范之HTML规范。Web前端作为开发团队中不可或缺的一部分,需要按照相关规定进行合理编写。不同公司不同团队具有不同的规范和文档。下面是根据不同企业和团队的要求进行全面详细的整理结果。来一起看一看HTML规范的原则吧!
HTML规范:
1、文档类型声明及编码:统一为html5声明类型。书写时利用IDE实现层次分明的缩进(默认缩进4空格)。
2、非特殊情况下CSS文件放在body部分标签后。非特殊情况下大部分JS文件放在标签尾部(如果需要界面未加载前执行的代码可以放在head标签后)避免行内JS和CSS代码。
3、所有编码需要遵循html标准,标签&属性&属性命名必须由小写字母及下划线数字组成,且所有标签必须闭合,包括br(),hr()等。属性值用双引号。
4、引入JS库文件,文件名须包含库名称及版本号及是否为压缩版。引入插件,文件名格式为库名称+插件名称。
5、书写页面过程中,请考虑向后扩展性。class&id参见css书写规范.
6、需要为html元素添加自定义属性的时候,首先要考虑下有没有默认的已有的合适标签去设置,如果没有,可以使用须以"data-"为前缀来添加自定义属性,避免使用"data:"等其他命名方式。
7、语义化html,如标题根据重要性用h*,段落标记用p,列表用ul,内联元素中不可嵌套块级元素。
8、尽可能减少div多层级嵌套。
9、书写链接地址时,必须避免重定向,例如:href="http://myVue.com/",即须在URL地址后面加上“/”;
10、在页面中尽量避免使用style属性,即style="…"。
11、必须为含有描述性表单元素添加label,如姓名:须写成:姓名:
12、能以背景形式呈现的图片,尽量写入css样式中。
13、重要图片必须加上alt属性。给重要的元素和截断的元素加上title。
14、给区块代码及重要功能(比如循环)加上注释,方便后台添加功能。
15、特殊符号使用:尽可能使用代码替代:比如<(<)&>(>)&空格()&»(»)等等。
相关推荐
- 北大青鸟江门校区学完Python能从事哪些工作?江门的Python专业能做什么工作
- 北大青鸟江门校区学Python的好处?_江门哪有学习Python数据处理
- 北大青鸟江门校区学Python编程?_北大青鸟江门校区Python编程简介
- 北大青鸟江门校区Python工程师专业介绍
- 江门北大青鸟热门专业人工智能_人工智能与Python的区别是什么?
- 江门的it工程师培训需要什么学历吗?_北大青鸟江门校区IT工程师学校
- 江门的初中毕业学互联网好就业吗?_江门北大青鸟网络技术就业介绍
- 江门的初中毕业可以学电脑编程序吗_江门北大青鸟编程技术介绍
- 江门在哪里可以学互联网技术_江门北大青鸟IT课程介绍
- 江门的初中生适合学什么专业技术吗_江门北大青鸟初中生课程介绍
- 江门电脑学校排行
- 最近发表
-
- 东莞信息:(莞城)深入园区送政策精准服务助发展|||计算机网络培训学校
- 汕头信息:市人社局加强公共服务下沉基层赋能“百千万工程”|||计算机专业维修学校
- 东莞信息:(东坑)东坑再添一家“广东省博士工作站”|||计算机专业维修学校
- 清远信息:2024年清远市公共就业服务进校园活动走进广东交通职业技术学院!|||计算机培训机构
- 阳江信息:如何办理社保卡挂失?|||计算机培训机构
- 阳江信息:职业技能提升补贴在哪里申领?|||计算机网络培训学校
- 茂名信息:2024年茂名市技工教育招生院校名单|||计算机职业技能培训班
- 江门信息:我市两名金牌选手将代表广东省出战第二届全国乡村振兴职业技能大赛养老护理项目|||中专学计算机平面设计女生可以学计算机网络技术好吗
- 惠州信息:“惠州市就业驿站巡礼”之博罗石湾站|||广州市北大青鸟计算机职业培训学校
- 惠州信息:惠州市技工教育联盟成立大会暨第一届理事会全体会议成功召开|||计算机培训机构
- 标签列表
-