html页面编码规则,HTML：网站通用代码规范

1. 概述

常用代码规范旨在增强团队开发协作、提高代码质量和打造开发基石的编码规范，

以下规范是团队基本约定的内容，必须严格遵循。

HTML 规范

基于 W3C、苹果开发者 等官方文档，并结合团队业务和开发过程中总结的规范约定，让页面 HTML 代码更具语义性。

图片规范

了解各种图片格式特性，根据特性制定图片规范，包括但不限于图片的质量约定、图片引入方式、图片合并处理等，旨在从图片层面优化页面性能。

CSS 规范

统一规范团队 CSS 代码书写风格和使用 CSS 预编译语言语法风格，提供常用媒体查询语句和浏览器私有属性引用，并从业务层面统一规范常用模块的引用。

命名规范

从 目录、图片、HTML/CSS文件、ClassName 的命名等层面约定规范团队的命名习惯，增强团队代码的可读性。

2. HTML 规范

DOCTYPE 声明

HTML 文件必须加上 DOCTYPE 声明，并统一使用 HTML5 的文档声明：

HTML5 标准模版

页面语言 lang

推荐使用属性值 cmn-Hans-CN(简体，中国大陆)，但是考虑浏览器和操作系统的兼容性，目前仍然使用 zh-CN 属性值

更多地区语言参考：

zh-SG 中文 (简体, 新加坡) 对应 cmn-Hans-SG 普通话 (简体, 新加坡)

zh-HK 中文 (繁体, 香港) 对应 cmn-Hant-HK 普通话 (繁体, 香港)

zh-MO 中文 (繁体, 澳门) 对应 cmn-Hant-MO 普通话 (繁体, 澳门)

zh-TW 中文 (繁体, 台湾) 对应 cmn-Hant-TW 普通话 (繁体, 台湾)

charset 字符集合

一般情况下统一使用 UTF-8 编码

由于历史原因，有些业务可能会使用 GBK 编码

请尽量统一写成标准的 UTF-8，不要写成 utf-8 或 utf8 或 UTF8。根据 IETF 对 UTF-8 的定义，其编码标准的写法是 UTF-8；而 UTF8 或 utf8 的写法只是出现在某些编程系统中，如 .NET framework 的类 System.Text.Encoding 中的一个属性名就叫 UTF8。

书写风格

HTML 代码大小写

HTML 标签名、类名、标签属性和大部分属性值统一用小写

推荐：

不推荐：

类型属性

不需要为 CSS、JS 指定类型属性，HTML5 中默认已包含

推荐：

不推荐：

元素属性

元素属性值使用双引号语法

元素属性值可以写上的都写上

推荐：

不推荐：

特殊字符引用

文本可以和字符引用混合出现。这种方法可以用来转义在文本中不能合法出现的字符。

在 HTML 中不能使用小于号 < 和大于号 > 特殊字符，浏览器会将它们作为标签解析，若要正确显示，在 HTML 源代码中使用字符实体

推荐：

more>>

不推荐：

more>>

代码缩进

统一使用四个空格进行代码缩进，使得各编辑器表现一致(各编辑器有相关配置)

代码嵌套

元素嵌套规范，