前两篇书写了css和js的，html其实也有一些规范，我司给出了相应的规范，在规范中，我们和前面一样，将其分为建议和强制
- 每行不得超过
120个字符。 class必须代表相应模块或部件的内容或功能，不得以样式信息进行命名。id建议单词全字母小写，单词间以-分隔。class建议单词全字母小写，单词间以-分隔，用于JavaScript选择的class则建议用J_class-name格式。id、class命名，在避免冲突并描述清楚的前提下尽可能短。HTML标签的使用应该遵循标签的语义。
解释：
-
下面是常见标签语义:
- p - 段落
- h1,h2,h3,h4,h5,h6 - 层级标题
- strong,em - 强调
- ins - 插入
- del - 删除
- abbr - 缩写
- code - 代码标识
- cite - 引述来源作品的标题
- q - 引用
- blockquote - 一段或长篇引用
- ul - 无序列表
- ol - 有序列表
- dl,dt,dd - 定义列表
-
在
CSS可以实现相同需求的情况下不得使用表格进行布局。 -
布尔类型的属性，建议不添加属性值。
-
自定义属性建议以
xxx-为前缀，推荐使用data-。 -
启用 IE Edge 模式。
-
HTML文件使用无BOM的UTF-8编码。 -
引入
CSS时必须指明rel="stylesheet"。 -
引入
CSS和JavaScript时无须指明type属性。 -
展现定义放置于外部
CSS中，行为定义放置于外部JavaScript中。 -
在
head中引入页面需要的所有CSS资源。 -
JavaScript应当放在页面末尾，或采用异步加载。 -
移动环境或只针对现代浏览器设计的 Web 应用，如果引用外部资源的
URL协议部分与页面相同，建议省略协议前缀。 -
若页面欲对移动设备友好，需指定页面的
-
避免为
img添加不必要的title属性。 -
为重要图片添加
alt属性。 -
有下载需求的图片采用
img标签实现，无下载需求的图片采用CSS背景图实现。 -
尽量不要使用按钮类元素的
name属性。 -
负责主要功能的按钮在
DOM中的顺序应靠前。 -
当使用
JavaScript进行表单提交时，如果条件允许，应使原生提交功能正常工作。 -
在针对移动设备开发的页面时，根据内容类型指定输入框的
type属性。 -
当在现代浏览器中使用
audio以及video标签来播放音频、视频时，应当注意格式。 -
在支持
HTML5的浏览器中优先使用audio和video标签来定义音视频元素。 -
使用退化到插件的方式来对多浏览器进行支持。
-
只在必要的时候开启音视频的自动播放。
-
在
object标签内部提供指示浏览器不支持该标签的说明。
示例：
<object width="100" height="50" data="something.swf">DO NOT SUPPORT THIS TAG</object>- 模板代码的缩进优先保证
HTML代码的缩进规则。 - 模板代码应以保证
HTML单个标签语法的正确性为基本原则。
- 使用
4个空格做为一个缩进层级，不允许使用2个空格 或tab字符。 html文件名必须单词全字母小写，单词间以-分隔。class必须单词全字母小写，单词间以-分隔。- 元素
id必须保证页面唯一。 - 禁止使用有样式的
class作为JavaScript选择器。 - 同一页面，应避免使用相同的
name与id。 - 标签名必须使用小写字母。
- 对
HTML5中规定允许省略的闭合标签，不允许省略闭合标签。 - 标签使用必须符合标签嵌套规则。
- 属性名必须使用小写字母。
- 属性值必须用双引号包围。
- 使用
HTML5的doctype来启用标准模式，建议使用大写的DOCTYPE - 页面必须使用精简形式，明确指定字符编码。指定字符编码的
meta必须是head的第一个直接子元素。 - 页面必须包含
title标签声明标题。 title必须作为head的直接子元素，并在charset声明之后。- 保证
favicon可访问。 - 禁止
img的src取值为空。延迟加载的图片也要增加默认的src。 - 有文本标题的控件必须使用
label标签将其与其标题相关联。 - 使用
button元素时必须指明type属性值。