HTML css书写规范的建议 -

liujun11

浏览: 21162 次
性别:

最近访客更多访客>>

whs_1912138933

lyz8jj0

r8711274r

ls0609

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

HTML css书写规范的建议

为什么要规范？

1，降低每个组员介入项目的门槛成本；

2，提高工作效率及协同开发的便捷性；
3，高度统一的代码风格；

4，提供一整套HTML、CSS解决方案，来帮助开发人员快速做出高质量的符合要求的页面；

css通用约定

（1）分离

结构（HTML）、表现（CSS）、行为分离（JavaScript）将结构与表现、行为分离，保证它们之间的最小耦合，这对前期开发和后期维护都至关重要
（2）缩进
使用tab（4个空格宽度）来进行缩进，可以在IDE里进行设置
（3）编码
以 UTF-8 无 BOM 编码作为页面格式；
在HTML中文档中用来指定编码；
不需要为CSS显示定义编码，因为它默认为utf-8；
（4）小写
所有的HTML标签必须小写
所有的HTML属性必须小写
所有的样式名及规则必须小写
（5）注释
尽可能的为你的代码写上注释。解释为什么要这样写，它是新鲜的方案还是解决了什么问题。

（6）行尾空格

删除行尾空格，这些空格没有必要存在

HTML规范

（1）文档类型
统一使用HTML5的标准文档类型：<!doctype html> HTML5文档类型具备前后兼容的特质，并且易记易书写
在文档doctype申明之前，不允许加上任何非空字符任何出现在doctype申明之前的字符都将使得你的 HTML文档进入非标准模式
不允许添加属性强制改变文档模式避免出现不可控的问题

（2）省略type属性

在调用CSS和JavaScript时，可以将type属性省略不写不推荐：

<link type="text/css" rel="stylesheet" href="base.css">
<script type="text/javascript" src="base.js"></script>

推荐：

<link rel="stylesheet" href="base.css">
<script src="base.js"></script>

（3）属性值省略

非必须属性值可以省略

不推荐：
<input type="text" readonly="readonly">
<input type="text" disabled="disabled">

推荐：
<input type="text" readonly>
<input type="text" disabled>

（4）使用img的alt属性

为img元素加上alt属性

不推荐：
<img src="banner.jpg">

推荐：
<img src="banner.jpg" alt="520即将到来，爱就大声说出来">

（5）格式

将每个块元素、列表元素或表格元素都放在新行
Inline元素视情况换行，以长度不超过编辑器一屏为宜
每个子元素都需要相对其父级缩进

不推荐：
<div><h1>asdas</h1><p>dff<em>asd</em>asda<span>sds</span>dasdasd</p></div>

推荐：
<div>
　　　<h1>asdas</h1>
　　　<p>dff<em>asd</em>asda<span>sds</span>dasdasd</p>
</div>

分享到：