| layout | default |
|---|---|
| title | HTML编码规范 |
| order | 4 |
| published | true |
| category | false |
HTML文件必须加上 DOCTYPE 声明,并统一使用 HTML5 的文档声明:
{% highlight html %}
{% endhighlight %}
一般情况下统一使用 “UTF-8” 编码。请尽量统一写成标准的 “UTF-8”,不要写成 “utf-8” 或 “utf8” 或 “UTF8”。 {% highlight html %} {% endhighlight %}
{% highlight html %}
{% endhighlight %}强烈建议为 html 根元素指定 lang 属性,从而为文档设置正确的语言。这将有助于语音合成工具确定其所应该采用的发音,有助于翻译工具确定其翻译时所应遵守的规则等等。
推荐使用属性值 cmn-Hans-CN(简体, 中国大陆),但是考虑浏览器和操作系统的兼容性,目前仍然使用 zh-CN 属性值
{% highlight html %}
HTML标签名、类名、标签属性和大部分属性值统一用小写 推荐: {% highlight html %}
{% endhighlight %}HTML文本、JavaScript、meta标签某些属性等内容可大小写混合
{% highlight js %} var feName = 'feName'; // OR var beName = 'bename'; {% endhighlight %}
不需要为 CSS、JS 指定类型属性,HTML5 中默认已包含 {% highlight html %}
<script src=""></script> <script type="text/javascript" src="" ></script> {% endhighlight %}- 元素属性值使用双引号语法
- 元素属性值可以写上的都写上 {% highlight html%}
文本可以和字符引用混合出现。这种方法可以用来转义在文本中不能合法出现的字符。
在 HTML 中不能使用小于号 “<” 和大于号 “>”特殊字符,浏览器会将它们作为标签解析,若要正确显示,在 HTML 源代码中使用字符实体 {% highlight html%}
more>> {% endhighlight%} 更多关于符号引用,请参阅:Character references
统一使用四个空格进行代码缩进,使得各编辑器表现一致(各编辑器有相关配置) {% highlight html%}
{% endhighlight%}- 必须以4个有序字符开始:编码为 U+003C LESS-THAN SIGN 的小于号, 编码为 U+0021 EXCLAMATION MARK 的感叹号, 编码为 U+002D HYPHEN-MINUS 横线, 编码为 U+002D HYPHEN-MINUS横线 ,即 “<!–”
- 在此之后是注释内容,注释的内容有以下限制:
- 不能以单个 “>” (U+003E) 字符开始
- 不能以由 “-“(U+002D HYPHEN-MINUS)和 ”>” (U+003E) 组合的字符开始,即 “->”
- 不能包含两个连续的 U+002D HYPHEN-MINUS 字符,即 “–”
- 不能以一个 U+002D HYPHEN-MINUS 字符结束,即 “-”
- 必须以3个有序字符结束:U+002D HYPHEN-MINUS, U+002D HYPHEN-MINUS, U+003E GREATER-THAN SIGN,即 “–>” {% highlight html%} 标准写法:
错误的写法:
错误的注释--> 错误的注释-->{% endhighlight%} 参考 www.w3.org[Comments](http://www.w3.org/TR/2014/REC-html5-20141028/syntax.html#comments)
一般用于描述模块的名称以及模块开始与结束的位置
注释内容前后各一个空格字符,<!-- S 注释信息 --> 表示模块开始,<!-- E 注释信息 --> 表示模块结束,模块与模块之间相隔一行
推荐的写法:
{% highlight html%}
HTML模版指的是团队使用的初始化HTML文件,里面会根据不同平台而采用不一样的设置,一般主要不同的设置就是 mata 标签的设置,以下是 PC 和移动端的 HTML 模版。
{% highlight html %}
<title>HTML5标准模版</title> {% endhighlight %} #### 团队标准模版{% highlight html%}
<title>团队标准模版</title> {% endhighlight%}{% highlight html%}
<title>移动端HTML模版</title> {% endhighlight%}