前言
HTML是描述网页结构的超文本标记语言,HTML规范能够使HTML代码风格保持一致,使得HTML更容易理解和维护。
整体结构
1、文件应以“.....>”首行顶格开始,推荐使用“”
2、必须声明文档的编码charset,且与文件本身编码保持一致,指定字符编码的 meta 必须是 head 的第一个直接子元素。推荐使用UTF-8编码
3、根据页面内容和需求填写适当的keywords和description
4、页面title是不可缺少的一项,title 必须作为 head 的直接子元素,并紧随 charset 声明之后
页面标题资源引入
1、保证 favicon 可访问
2、引入 CSS 和 JavaScript 时无须指明 type 属性
3、引入 CSS 时必须指明 rel="stylesheet"
4、使用link将css文件引入,并置于head中;使用script将js文件引入,并置于body底部
结构优化
1、尽量遵循 HTML 标准和语义,但是不要以牺牲实用性为代价。任何时候都要尽量使用最少的标签并保持最小的复杂度
2、结构顺序和视觉顺序基本保持一致,按照从上至下、从左到右的视觉顺序书写HTML结构。有时为了便于搜索引擎抓取,也会将重要内容在HTML结构顺序上提前
3、结构、表现、行为三者分离,避免内联
4、每一个块级元素都另起一行,每一行都使用Tab缩进对齐(head和body的子元素不需要缩进)。删除冗余的行尾空格
5、对于内容较为简单的表格,建议将tr写成单行
6、可以在大的模块之间用空行隔开,