html编码规范

基本规范

1.代码风格

缩进与换行
使用4个空格作为一个缩进层级。
模板代码的缩进优先保证HTML代码的缩进规则。

命名规则
class：必须单词全字母小写，单词间以-分隔，且必须代表相应的模块或部件的内容或功能，不得以html内置样式进行命名，命名应该具有明确的语义。
id：必须保持在页面中的唯一性，命名应该具有明确的语义。

标签
Html中的标签名必须使用小写字母。
标签的闭合要符合html5的规定。
标签的使用必须符合标签的嵌套规则，例：div不得置于p中，tbody必须置于table中。
标签的使用必须遵循标签的语义，例：p - 段落
h1,h2,h3,h4,h5,h6 - 层级标题
strong,em - 强调
ins - 插入
del - 删除
abbr - 缩写
code - 代码标识
cite - 引述来源作品的标题
q - 引用
blockquote - 一段或长篇引用
ul - 无序列表
ol - 有序列表
dl,dt,dd - 定义列表
在CSS可以实现相同需求的情况下不得使用表格进行布局。

2.页面头部

DOCTYPE
使用doctype来启用标准模式，建议使用大写的DOCTYPE

语言编码
有助于提高页面的可访问性，必须设置正确的lang属性，例：
页面必须指定字符编码的meta，且必须是head的第一个直接子元素，例：

CSS和JavaScript引入
css时必须指明rel="stylesheet"，在引入css和javascript时必须指明type属性。
Javascript代码必须放在页面末尾或采用异步加载。

Head内容
Title标签必须设置为head的直接子元素，并紧随charset声明之后。
Favicon保证可访问，例：
Viewport属性必须指定

3.图片

禁止img的src 取值为空，延迟加载的图片也要增加默认的src属性值。
重要图片添加alt属性值
添加width和height 属性以避免页面抖动。

4.多媒体

使用audio 以及video
标签来播放音频、视频时，应当注意格式：
音频格式：MP3、WAV、Ogg
视频格式：MP4、WebM、Ogg