遵循HTML页面的代码规范，基于 W3C 等官方文档，并结合团队业务和开发过程中总结的规范约定，让页面HTML代码更具语义性。 HTML文件必须加上 DOCTYPE 声明，并统一使用 HTML5 的文档声明： 推荐使用属性值 cmn-Hans-CN（简体, 中国大陆），但是考虑浏览器和操作系统的兼容性，目前仍然使用 zh-CN 属性值 一般情况下统一使用 “UTF-8” 编码

first-child first-child 表示选择列表中的第一个标签。 last-child last-child 表示选择列表中的最后一个标签 nth-child(3) 表示选择列表中的第 3 个标签 nth-child(2n) ）这个表示选择列表中的偶数标签 第n个孩子（2N-1）这个表示选择列表中的奇数标签 第n个孩子（N + 3）这个表示选择列表中的标签从第3个开始到最后。 nth- […]

一般div的水平居中直接使用margin等方法可以轻易实现，但是不固定宽高的 div 垂直居中稍微复杂一些。 方法一：伪元素和inline-block / vertical-align（IE8） 方法二：flex布局(ie8以下不支持) 方法三：transform(不支持ie8以下) 方法四：设置：auto（该得方法边缘的非固定宽高，频率50%的父级的宽高。）

对于常用的网站，一般会选择让用户进行收藏，方便后续的浏览，以下是通过网络查找到的利用js实现的收藏按钮代码，但对于大多数浏览器来说，并不支持快捷收藏，因此唤起提示使用浏览器快捷键进行收藏。