html语义化

 根据页面结构选择合适的标签

  - 如标题根据重要性用 h1-h6不同等级的标签标记 、段落标记用p，结构简章重复的部分用 ul、li标签

  - 页面中重要的图片内容要添加 alt=“”替换文本，以便图片丢失时，用户可以根据替换文本了解页面内容

- 根据模块内容定义class和id名称

  - 如包含logo和搜索框等在内的头部标签用.header,包含联系信息，版权等的模块用footer或copyright

#### 2.4 合理嵌套HTML标签

-  合理嵌套HTML标签，

  - ul和li是固定嵌套，ul直接子元素必须是li;

  - dl和dt,dd是固定嵌套，dl的直接子元素必须是dl和dd;

  - p标签不允许嵌套p标签;a标签不允许嵌套

  - a标签和其他交互性元素比如button

- 尽可能的控制元素嵌套层级，不合理的嵌套会影响页面性能