🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 1. 语法 * 属性名全小写,用中划线做分隔符 * 在属性上,使用双引号,不要使用单引号 * 缩进使用soft tab(4个空格) * 在创建HTML文档里总是使用代表内容的语义标记。 ## 2. HTML5 doctype #### 在页面开头使用doctype来启用标准模式,doctype大写 ~~~ <!DOCTYPE html> ~~~ ## 3. 字符编码 #### 通过声明一个明确的字符编码,让浏览器轻松、快速的确定适合网页内容的渲染方式,通常指定为'UTF-8'。 ~~~ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> ... </html> ~~~ ## 4. CSS,JS引入 根据HTML5规范, 通常在引入CSS和JS时不需要指明 type,因为 text/css和 text/javascript 分别是他们的默认值。 ~~~ <!-- 外部样式 --> <link rel="stylesheet" href="code_guide.css"> <!-- 内部样式 --> <style> ... </style> <!-- 外部JS --> <script src="code_guide.js"></script> <!-- 内部JS --> <script> ... </script> ~~~ ## 5. 属性顺序 * class 高复用放在第一位 * id 更加具体且应用尽量少用,放在第二位 * name * src, for, type, href, value , max-length, max, min, pattern * placeholder, title, alt * required, readonly, disabled ## 6. JS生成标签 #### JS文件中生成标签难查找,难编辑,性能差所以尽量避免这种情况的出现