html编码规范

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