前言作为一名前端工程师，我们可能每天都要写html、css、javascript，每个人写的代码都充满了自己的个人风格，有自己的编码方式习惯和准则，让我和你分享我的习惯和准则。html首先，我们要对文档进行规范，所以我们需要添加来对文档进行规范。w3c有相应的说明。Portal代码统一采用utf-8，可以在页面中引入css样式或js，无需添加类型声明。如：省略图片、样式、脚本和其他媒体文件URL（http:、https:），除非文件在任一协议下均不可用。这种方案称为protocol-relativeURL，相对协议URL。好处是无论使用HTTPS还是HTTP访问页面，浏览器都会以相同的协议请求页面中的资源，同时可以节省一些字节。当浏览器遇到相对URL时，会自动根据当前网页协议在//前加上相同的协议。如果当前网页是通过http访问的，那么所有的相对引用//都会变成http://。HTTPS是一样的。如果您在本地查看，则协议变为file://。几乎所有的浏览器都可以支持这种用法。在IE7/8下只有一个小问题，就是相对URL（无论是还是@import）引用的CSS文件都会被下载两次。所以对性能影响不大。/*不推荐*/.example{background:url("https://www.google.com/images/example");}/*推荐*/.example{background:url("//www.google.com/images/example");}标签、属性、属性名全部小写，属性值都写在""（双引号）中，每个双标签都要加上相应的结束标签（单标签不遵循这个标准，但仍然遵循原来的html标准，即不需要以"结束/>”）。温馨提示：IE下很多页面变形都与标签未闭合或嵌套错误有关。标签应按顺序合理嵌套。例如：
需要改成：
可以包含
，但是
不允许包含
等块级元素；
和的孩子不允许嵌套- 以外的标签，
的孩子不允许出现- 和
- 以外的标签；像div这样的标签只能放在li里面；
的子元素只能嵌套、、、和标签，
的子元素只能嵌套| 、 | 标签,任何标签都可以存在于 | 标签中。比如下面几种情况都是错误的：需要改成：- 标签必须用
|
