HTML规范

标签：修改   div   main   之间   ted   disabled   checkbox   html   大小写   

type属性是否省略

在之前，页面中引入css文件和js文件需要使用如下方式：

<link rel = "stylesheet" href = "main.css" type = "text/css">

<script src = "main.js" type = "text/javascript></script>

在当前的标准下，type属性可以省略，推荐使用如下方式：

<link rel = "stylesheet" href = "main.css">

<script src = "main.js"></script>

HTML单引号和双引号的选择

在页面中，用到引号的地方统一推荐使用双引号，而不是单引号。

<div class = ‘ant-article‘></div>

上面的代码不推荐使用，修改如下：

<div class = "ant-article"></div>

标签和标签属性大小写

HTML中，标签和标签属性统一使用小写形式，固有的属性值也一律使用小写。

自定义的属性值，则可以无此限制，代码实例如下：

<DIV>孙悟空</DIV>

由于HTML标签是大写形式，所以不被推荐使用，代码修改如下：

<div>孙悟空</div>

上面代码推荐使用。

<input type = "TEXT" name = "antzone">

上面代码不被推荐使用，因为固有属性值建议使用小写，代码修改如下：

<input type = "text" name = "antzone">

HTML代码注释

如果可能尽量不写注释，尽可能减少文档的体积；如果必须添加注释，那么就要遵循如下规则：

（1）详尽注释，解释代码解决问题、解决思路、是否为新鲜方案等。

（2）模块注释，GitHub建议不使用模块结束注释。

<!-- 新闻列表模块 -->

<div class = "news"></div>

<!-- /新闻列表模块 -->

<!-- 有不少规范建议不使用结束模块的注释，加重文件负荷 -->

特别说明：注释文本与两端（-）之间要有一个空格。

（3）待办注释

<!-- TODO：待办事项 -->

...

HTML布尔属性值

HTML5规范中disabled、checked、selected等属性不用设置值。

代码实例如下：

<input type = "text" disabled>

<input type = "checkbox" value = "1" checked>

<select>

<option value = "1" selected>1</option>

</select>

同一个文档避免出现重复id属性值

在同一个文档中，一个id属性值必须是唯一的。否则在使用的过程中可能导致一些意外问题的产生。

<div id = "ant">孙悟空</div>

<div id = "ant">猪八戒</div>

上面的代码违反规则，因为出现相同的id属性值。

HTML规范

标签：修改   div   main   之间   ted   disabled   checkbox   html   大小写   

原文地址：https://www.cnblogs.com/li-bai/p/9491619.html