html代码规范.md
1.41 KB
HTML代码规范
文档概述
- 使用HTML5的文档类型声明：
<!DOCTYPE html> - 指定IE兼容模式：
<meta http-equiv="X-UA-Compatible" content="IE=Edge"> - 指定字符编码：
<meta charset="UTF-8">
语义化
定义：语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。 通俗的说就是，HTML中每个标签、属性和属性值都有特定的含义，正确使用标签让标签做正确的事就是语义化。
移步 ----> 标签说明 知己知彼，快乐coding
HTML 引号
使用双引号(" ") 而不是单引号(' ') 。
标签闭合
在自动闭合标签后不要使用斜线/。
属性顺序
HTML属性应该按照特定顺序出现在标签内
- id
- class
- name
- data-
- src, for, type, href
- title, alt
- aria-*, role
boolean属性
不需要为boolean属性添加取值，存在表示true，不存在则表示false。比如：selected，disabled等。
减少不必要的标签嵌套
//GOOD
<img class="avatar" src="..." alt="...">
//BAD
<span class="avatar">
<img src="..." alt="...">
</span>class和id命名
- 保持小写以及中划线
-分隔 - 命名简短但是也要明确指示角色和意图
- 必要时可以使用父节点的class作为前缀