[教程]学习HTML30个最佳实践案例.docVIP

[教程]学习HTML的30个最佳实践案例.txt世上有三种人：一是良心被狗吃了的人，二是良心没被狗吃的人，三是良心连狗都不吃的人。︶﹋丶　　　爱情是个梦，而我却睡过了头﹌如果您打算着手学习HTML语言，在学习了相关教程以后，不妨看看本文介绍的30个HTML最佳实践案例练练手。在运营Nettuts+过程中，最困难的莫过于需要满足各种不同技能水平的人群了。如果我们发布了过多的高级教程，那么对于初学者来说无疑就会失去平衡感。相反也是同样的道理。我们尽全力，希望顾及到的是所有人的利益。 这个网站是为您服务的，有需要的那么就请说出来吧！像所说的那样，今天的这篇教程 是为那些刚刚步入web开发的初学者提供的。如果您只有一年或者更少，那么希望这里列出来的条目会对您有所帮助，并且能够学习得更好，更便捷! 排除任何的干扰，当您在创建标示的时候，就来回顾下这30个最佳实践吧。 大家好，是叫Jeff。我是 Nettuts+ 的一名编辑，同时，我也是 Theme Forest网站的管理者。我在电脑前待得太多了，以至于我经常会对我的未婚妻说，”我们将会在5分钟之后走!”。我不能做到，当然依然在用 Firebug调试错误的时候就跟我的未婚妻出去吃饭…这使得我很疯狂。我热爱 jQuery, PHP, MYSQL, CSS, AJAX - 几乎所有。如果这些对你也备受青睐，请在 Twitter 上 追踪我们 。 1: 始终闭合您的标签 回顾过去，这样的代码并不少见: 1. liSome text here. 2. liSome new text here. 3. liYou get the idea. 请注意，这里的 UL/OL 已被省略。另外，很多都选择没有闭合 LI 标签。按照今天的标准，这是个非常糟糕的低级错误，必须 100% 避免。一如既往，始终要闭合您的标记。否则，每次您都会碰到验证及一些故障问题。 更好的 1. ul 2. liSome text here. /li 3. liSome new text here. /li 4. liYou get the idea. /li 5. /ul 2: 什么正确的 DocType 当我还很年轻的时候，我加入了很多的 CSS 论坛。每当有用户存在一个问题，我就会查看下他们的环境，并要求他们先执行两件事: 1. 验证 CSS 文件。修正任何必要的错误。 2. 添加 doctype声明。 “DOCTYPE 在打开HTML 页面标签的最开始部位显示，它会告诉浏览器当前包含的是 HTML, XHTML, 还是两者的混合版，以便它能够正确地解释的标记。” 通常我们都会选择下面四个不同的 doctypes 中的其中一个来创建我们新的网站。 1. !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “/TR/html4/strict.dtd” 2. !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “/TR/html4/loose.dtd” 3. !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “/TR/xhtml1/DTD/xhtml1-transitional.dtd” 4. !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “/TR/xhtml1/DTD/xhtml1-strict.dtd” 如何选择这个类别，当今存在着很大的争议。有一点是明确的，使用严格的 XHTML 版本被认为是最佳做法。然而，经过研究，人们认识到，大多数的浏览器在诠释的时候依然会恢复到正常 HTML。因为这个原因，大多数都选择严格的HTML 4.01作为替代。所有这些的底线是，它们依然多会对您的代码做些检测。做一些调查，最终得出自己的结论吧！ 3: 不要使用内置的样式 当然非常努力地在作标示的时候，经常会选择一些捷径，偷偷地内置一些样式到标示中。 1. p style=“color: red;”I’m going to make this text red so that it really stands out and makes people take notice! /p 当然 — 这些看起来并不会带来坏处。然而，这种方式的编码是错误的。 当您再创建标示的时候，不要总想着内置样式。您应该再页面中的标示代码都已经做好的时候再来定义样式。 这就像穿越溪流的捉过敢死队。这可不是什么好主意。 -Chris Coyier (与