HTML时间前后约束,前端开发规范(HTML,CSS,JS,VUE)

开发规范

一．HTML规范

1. 基本原则

结构、样式、行为分离

尽量确保文档和模板只包含 HTML 结构，样式都放到样式表里，行为都放到脚本里。

缩进

统一两个空格缩进(总之缩进统一即可)，不要使用 Tab 或者 Tab、空格混搭。

文件编码

使用不带 BOM 的 UTF-8 编码。在 HTML中指定编码；无需使用 @charset指定样式表的编码，它默认为UTF-8(参考 @charset)；

一律使用小写字母

image.png

注释

统一注释

通过配置编辑器，可以提供快捷键来输出一致认可的注释模式。

例如：VS code 快捷键 ctrl+/

注释内容左右两边保留和注释符号有1个空格位，在注释内容内不允许再出现中划线-

按模块添加注释

image.png

注释风格保持与原生HTML的语法相似：成对出现

2. HTML 相关

标签

自闭合(self-closing)标签，无需闭合 ( 例如： img input br hr 等 )；

可选的闭合标签(closing tag)，需闭合 ( 例如： 或