有教程的博客和成千上万的网站在互联网上提供，但不是所有信息是有用的或质量良好。 在本文中，我们将告诉你5种方法让你的代码的浏览器，用户和搜索引擎友好。 继续按照这几个步骤，我绝对相信，这将有助于您的下一个项目，你的网站。 喜欢它！

1。 写干净的代码

编写干净的代码很容易维护和为您和他人的痛苦少。

糟糕的代码

 > <div id = "MainContainer" > <div id = "Header" > </div> <div id = "Content" > </div> </div> </div> <div 编号 = "Wrapper"“<div 编号 = "MainContainer"”<div 编号 = "Header"“”/分区“<div 编号 = "Content"”“/分区”“/分区”“/分区” 

好的代码

  “！ - /封装\ - ”
 > <div 编号 = "Wrapper"“

 “！ - /主要货柜\ - ”
 > <div 编号 = "MainContainer"“

 “！ - /头\ - ”
 > </div> <div 编号 = "Header"“”/分区“
 “！ - \头关闭/ - ”

 “！ - /内容\ - ”
 > </div> <div 编号 = "Content"“”/分区“
 “！ - \内容关闭/ - ”
 
 “/分区”
 “！ - \主要集装箱关闭/ - ”

 “/分区”
 “！ - \包装关闭/ - ” 

2。 使用正确的doctype

如果你不使用的DOCTYPE（文档类型声明）标记，您的网页将不会显示在符合标准的方式，可能导致一些奇怪的网页。

3。 使用标题标签和无序列表

使用标题标签和无序列表，然后间隔，而不是图形和嵌套表..

糟糕的代码

好的代码

  <div>
 <h2>标题“/氢”
 <ul>
 <li>内容某某“/李”
 <li>内容某某“/李”
 <li>内容某某“/李”
 <li>内容某某“/李”
 “/ UL认证”
 “/分区” 

4。 使用语义上有意义的类和ID名称

只要有可能，使用类和ID名在语义上有意义的和搜索友好。 例如：

糟糕的代码

  > <ul 类 = "blue"“
 <li>错误1“/李”
 <li>错误2“/李”
 “/ UL认证” 

好的代码

  > <ul 类 = "Error"“
 <li>错误1“/李”
 <li>错误2“/李”
 “/ UL认证” 

5。 避免IE的双浮动幅度，使用显示：内联的浮动元素

避免使用显示：为浮动元素内联IE的双浮动利润和文本缩进错误。

糟糕的代码

  ＃内容 （
 ; 浮动 ： 左 ;
 ; 宽度 ：300px;
 ; 填充 ：4px 7px;
 ; 保证金左 ：20px;
 ） 

好的代码

  ＃内容 （
 ; 浮动 ： 左 ;
 ; 宽度 ：300px;
 ; 填充 ：4px 7px;
 ; 保证金左 ：20px;
 ; 显示 ： 内联 ;
 ） 

结论

这些仅仅是提示，帮我写一些更好的代码。 我希望该教程也将帮助你写更好，干净的代码。 应用这些提示您当前和未来项目，你一定会明白的努力。

如果你认为教程可以更多更好，请与我们分享。 评论我们

如果您想收到我们的提示，请考虑订阅我们的的RSS或电子邮件饲料。

提起下： 的CSS， 教程 ， 网站的管理发展