HTML5编码规范.docx

目的：

减少代码量，

引入JS库文件,文件名须包含库名称及版本号及是否为压缩版,比如引入插件,文件名格式为库名称+插件名称,比如

书写链接地址时,必须避免重定向，例如：

href=”即须在URL地址后面加上“/”；

在页面中尽量避免使用style属性,即style=””除非考虑网站http请求，网站响

应速度等因素比重情况具体分析;

2.页面头部

DOCTYPE

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

语言编码

[建议]有助于提高页面的可访问性，必须设置正确的lang属性，例：

[强制]页面必须指定字符编码的meta，且必须是head的第一个直接子元素，例：

。

Meta标记用于定义页面的相关信息，为非成对标记，位于标记之间。

可以有三部分，namehttp-equivcontent

http-equiv属性值可以是：

refresh（页面刷新）http-equiv=“refresh”content=“5；url=页面回复信息）

keywords（页面关键字）用于某些搜索引擎

content-type（页面内容格式）content-type:

text/html

author（页面作者）

description（页面内容摘要）

注：

如果没有name属性，那么名称/值对中的名称会采用http-equiv属性的值。

Base页面中的所有标签在新窗口中打开，target值有_blank,_parent,_self,_top。

对应的是连接，href的值可以确定。

Title定义文档的标题

Link用于样式的连接

Style用于直接写样式

Script定义用户客户端脚本文件

CSS和JavaScript引入

[强制]引入css时必须指明rel="stylesheet"，在引入css和javascript时必须指明type属性。

[建议]Javascript代码必须放在页面末尾或采用异步加载。

Head内容

[强制]Title标签必须设置为head的直接子元素，并紧随charset声明之后。

[强制]Favicon保证可访问，例：

[强制]Viewport属性必须指定。

3.图片

[强制]禁止img的src取值为空，延迟加载的图片也要增加默认的src属性值。

[建议]重要图片添加alt属性值。

[建议]添加width和height属性以避免页面抖动。

4.表单

控件标题

[强制]文本标题的控件必须使用label标签将其与其标题相关联，例：

我已确认上述条款

或

用户：

按钮

[强制]使用button元素时必须指明type属性值

可访问性

[建议]当使用JavaScript进行表单提交时，应使原生提交功能正常工作。

[建议]根据内容类型指定输入框的type属性，例：

5.多媒体

[建议]使用audio以及video标签来播放音频、视频时，应当注意格式：

音频格式：

MP3、WAV、Ogg视频格式：

MP4、WebM、Ogg

6.注释

[强制]针对页面或模块的CSS、javascript代码必须进行详细的注释

7.Css命名

样式命名推荐使用英文避免使用汉语拼音,尽量使用简易的单词组合;

命名方式采用驼峰命名法和划线命名法两种，提高可读性。

例如：

dropMenu、subNavMenu、drop-menu、sub_nav_menu。

驼峰命名法用来区别不同的单词。

划线命名法表明从属关系。

如：

“.timeList”和“.time_list”分别表示时间列表和时间部分下的列表。

css属性书写顺序,建议遵循布局定位属性–>自身属性–>文本属性–>其他属性.此条可根据自身习惯书写,但尽量保证同类属性写在一起.

1.H5新标签请查看

2.Css文件命名

模块：

基本共用：

布局、版面：

主题：

专栏：

文字：

表单：

补丁：

打印：

3.

页面框架命名强制书写必须使用

页眉H5新语义化标签