HTML经过20多年的发展，几乎见证了整个互联网 的发展过程。但即使是现在，仍有许多基本的概念和原 理需要开发者的高度关注。接下来，小编就为您介绍这 些应遵循的Web前端开发的原则。

1、善用DIV进行布局 在开发Web页面时，首先要考虑的是要区分页面的 焦点。在DIV标签中包含这些内容，页面的代码就会显 得整齐、缩进很好。

 2、将HTML标签与CSS样式表分开 良好的页面应该分离HTML标签和CSS样式表。当 Web开发人员次接触Web开发时，这是一个应该了解的 原则。但是，时至今日，仍有许多开发人员没有严格遵 循这个原则。

 3、优化CSS代码 目前，在网站中添加多个CSS文件的做法已经非常 普遍。然而，当网站包含太多CSS文件时，网站的响应 速度就会减慢。方法是：简化你的代码，优化多个CSS 文件，把它们合并到一个文件中。这种方法可以极大地提高网站的载入速度。另外，有许多工具可用于优化 CSSOptimizer、CleanCSS等CSS文件。 4、对JavaScript文件进行优化并放置到页面底部 就像CSS一样，为页面添加多个Javascript文件是 一种常见做法。但是这样做也会降低网站的响应速度。 为了达到这个目的，开发人员应该简化，优化这些 Javascript文件。 但是与CSS不同的是，浏览器通常不支持并行加 载。这就是说，当浏览器载入Javascript文件时，不会再 一次载入其他内容。而且这样会使网页的载入速度变 慢。 一种很好的解决方法：把Javascript文件的装入顺序 放在较后。要达到这个目的，开发者可以将Javascript代 码放在HTML文档的底部，而较好是将Javascript放到靠 近标签的地方。

5、在适当的地方使用HTML标签 HTML标签是构建规范内容结构的关键。举例来 说，标签用于强调重点内容。 标记用于突出文章的段落。若要在段落之间加上空 行，则不要使用。 商标。

 6、避免滥用 商标 并非所有块元素都应该使用 创建标签。举例来说，可以将display:block添加到 inline元素的属性中，使其显示为块元素

7、创建带有列表的导航 

8、不要忘记贴上的标签

如今，每当我回想起大学节关于Web开发的课，我 就会想起教授提到的HTML结构的重要性。按照W3C标 准，标签应该是封闭的。 这是因为，在某些浏览器中，如果标签没有按标准 关闭，就会出现问题显示不正常。这种情况在IE6、7和 8中尤其明显。 

达内教育拥有近万名员工，采用“先学习，就业后付款”的模式， 提供优质的java培训,python培训,大数据培训,web前端 培训.是专业的IT培训学校.达内时代科技集团有限公司 （简称达内教育），美股交易代码：TEDU，成立于 2002年。2014年4月3日成功在美国上市，融资1亿3千 万美元。成为中国赴美国上市的职业教育公司，也是引 领行业的职业教育公司。 

上一篇：web前端好的培训机构 下一篇：苏州有专业的web前端教学机构吗