欢迎来到合肥浪讯网络科技有限公司官网
  咨询服务热线:400-099-8848

Web规划技巧:完成洁净代码的12条规律

发布时间:2019-10-17 文章来源:本站  浏览次数:2538
美丽的代码是美丽网站的根底,优异的 CSS 只存在与相同优异的 HTML 之上,洁净的,语义的 HTML 代码让一个网站更健壮。本文叙述了12个完成洁净 Web 规划代码的规律,适合于任何从事 Web 规划的人。
  1. Strict DOCTYPE
  要做就做对的。不管是 HTML 4.01 仍是 XHTML 1.0,它们都供给 Strict 形式,运用 Strict 形式可以确保我们的代码不隐藏任何过错。

  2. 字符集声明,特别字符进行编码处理
  字符集声明应当放在部分的最前面,以便让浏览器知道如何显现网页中的所有内容,包括标题。别的,一些特别字符,如 & 最好用 & 代替,这是一种最安全的办法。

  3. 恰当的缩进
  缩进不会影响网页的烘托,但会明显改善阅览源代码时的体会。缩进没有特定的规矩,但一直坚持一致是个好习惯。

  4. 将 CSS 和 JavaScript 放在外部文件中
  将 CSS 和 JavaScript 放在外部文件中引用,不仅减低单个网页的尺度,并且意味着其它网页也可以共用这些代码,别的,浏览器的缓存机制可以很好地降低对相同代码的重复下载。

  5. 正确地嵌套 Tag 标签
  榜首行代码中,标签嵌套在 标签中,尽管多数浏览器会正确烘托,但这不是好的习惯, 标签是 block 目标,而 是 inline 目标,inline 目标不应该包容 block 目标。

  6. 消除不必要的
  div常被乱用(尤其在我们现在所在的 DIV+CSS 神话中 - 译者),人们希望把任何东西都放在
中以便为它们分配 CSS 款式,这种乱用会导致的臃肿。

7. 运用更好的命名规矩
  Cat 的 CSS 类被命名为 red italic,暗示着 Cat 运用红色斜体,假如你想将 Cat 改成兰色的粗体呢?

  8. 尽量运用 CSS 控制文字的排版
  不要直接运用大写,用 CSS 对这些文字排版方面的格局进行控制,这样会更灵敏。

  9. 为分配独立的 class/id
  为 body Tag 分配一个独立的 class/id,可以很好地定位页面中任何目标,因为页面中所有目标都坐落 body 中。

  10. 验证
  无需多言,你应当尽可能对网页的代码进行验证,尽管有些代码过错浏览器能主动更正,但有些过错是会带来欠好的成果的,尤其当你坐落 Strict 形式下。即使什么都不为,看到那个绿色的 W3C 验证标志至少可以让自己舒畅一些。
  W3C 验证是否经过并不一定要什么拘泥,Web 规划中存在更多的考量,只拘泥 W3C 验证成果,可能影响一些更重要的要素,比方,IE6 在 W3C 规范方面存在不少 BUG,假如你为了100%经过 W3C 验证而宣布自己的网站不支持 IE6,至少在国内会得不偿失的 - 译者

  11. 合理的结构次第
  将网页结构坚持一个合乎逻辑的次第。

  12. 尽你所能
  假如你从零开始写,坚持以上的准则当然要容易的多,假如要修改旧的代码,将会很苦楚,一些 CMS 系统拙劣的编码会让你堕入泥沼,或者你的网站规模宏大要改动的东西太多,不管怎样,一直坚持良好的习惯非常重要。

上一条:网页规划中:完美的图画处...

下一条:读书笔记之《规划心思学》...