HTML编码规范.docx

Meta 标记用于定义页面的相关信息，为非成对标记，位于标记之间可以有三部分，name -equiv content -equiv属性值可以是：refresh(页面刷新) -equiv=“refresh” content=“5；url= :// baidu ”reply-to(页面回复信息)keywords(页面关键字) 用于某些搜索引擎content-type(页面内容格式) content-type:text/htmlauthor(页面作者)description(页面内容摘要)注：如果没有name属性，那么名称/值对中的名称会采用 -equiv属性的值Base 页面中的所有标签在新窗口中打开，target值有_blank,_parent,_self,_top对应的是连接，href的值可以确定Title 定义文档的标题Link 用于样式的连接Style用于直接写样式Script 定义用户客户端脚本文件2.3 CSS和JavaScript引入 [强制]引入css时必须指明rel="stylesheet"，在引入css和javascript时必须指明type属性。

[建议]Javascript代码必须放在页面末尾或采用异步加载 2.4 Head内容 [强制]Title标签必须设置为head的直接子元素，并紧随charset声明之后 [强制]Favicon保证可访问，例： [强制]Viewport属性必须指定 3. 图片 [强制]禁止 img 的 src 取值为空，延迟加载的图片也要增加默认的 src属性值 [建议]重要图片添加 alt 属性值 [建议]添加 width 和 height 属性以避免页面抖动 4. 表单 4.1 控件标题 [强制]文本标题的控件必须使用 label 标签将其与其标题相关联，例： 我已确认上述条款或用户： 4.2 按钮 [强制]使用 button 元素时必须指明 type 属性值 4.3 可访问性 [建议]当使用 JavaScript 进行表单提交时，应使原生提交功能正常工作。

[建议] 根据内容类型指定输入框的 type 属性，例： 5. 多媒体 [建议]使用 audio 以及 video 标签来播放音频、视频时，应当注意格式： 音频格式：MP3、WAV、Ogg 视频格式：MP4、WebM、Ogg 6. 注释 [强制]针对页面或模块的CSS、javascript代码必须进行详细的注释 7. Css命名 7.1样式命名推荐使用英文避免使用汉语拼音, 尽量使用简易的单词组合; 命名方式采用驼峰命名法和划线命名法两种，提高可读性例如：dropMenu、subNavMenu、drop-menu、sub_nav_menu驼峰命名法用来区别不同的单词划线命名法表明从属关系如：“.timeList”和“.time_list”分别表示时间列表和时间部分下的列表 7.2 css属性书写顺序, 建议遵循 布局定位属性–>自身属性–>文本属性–>其他属性. 此条可根据自身习惯书写, 但尽量保证同类属性写在一起. 1. H5 新标签请查看 2. Css 文件命名模块：module.css 基本共用：base.css 布局、版面：layout.css 主题：themes.css 专栏：columns.css 文字：font.css 表单：forms.css 补丁：mend.css 打印：print.css 3. 页面框架命名 强制书写必须使用 3.1 页眉H5新语义化标签