尽量确保分档和模板只包含HTML结构,样式都放到样式表里,行为都放到脚本里。
统一两个空格缩进(总之缩进统一即可),不要使用Tab
或者Tab
、空格混搭。
使用不带BOM
的UTF-8编码
在HTML中指定编码<meta charset="utf-8">
;
无需使用@charset
指定样式表编码,它默认为UTF-8
(参考@charset);
<!-- Recommended -->
<img src="google.png" alt="Google">
<!-- Not recommended -->
<A HREF="/">Home</A>
/* Recommended */
color: #e5e5e5;
/* Not recommended */
color: #E5E5E5;
省略外链资源(图片及其它媒体资源)URL 中的 Http
/ https
协议,使 URL 成为相对地址,避免Mixed Content 问题,减小文件字节数。
其它协议(ftp 等)的 URL 不省略。
<!-- Recommended -->
<script src="//www.dba.cn/statics/js/autotrack.js"></script>
<!-- Not recommended -->
<script src="/book/statics/js/autotrack.js"></script>
/* Recommended */
.example {
background: url(//www.google.com/images/example);
}
/* Not recommended */
.example {
background: url(http://www.google.com/images/example);
}
我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=2ngc3ujibi0w0