前端工程师学习HTML的经典网站

今天在Stumble Up看到一个推荐“HTML Playground”。虽然是2006年的作品，个人认为是目前为止看到的最好的学习HTML的资源。尤其是对于那些追求更好的语义化HTML产品的工程师，这个网站实在是一大福音。

如果感兴趣，现在就打开这个网站（新窗口打开）看看哦。我发现深入细节之后，自己的HTML还有很多潜力可以挖掘：）

关于这个网站的使用方法，我简单描述一下：

在左上角，用鼠标选择一个HTML标签。

右上角会出现这个标签的含义。例如你选择“<tfoot>”，右侧会出现：

Defines a table footer. The thead, tfoot and tbody elements enable you to group rows in a table. When you create a table, you might want to have a header row, some rows with data, and a row with totals at bottom. This division enables browsers to support scrolling of table bodies independently of the table header and footer. When long tables are printed, the table header and footer information may be repeated on each page that contains table data.

我简单翻译一下：（<tfoot>）定义一个table的底。thead、tfoot和tbody元素能让你为一个table分排（上中下）。因为，当你创建一个table的时候，你也许需要一个表头、内容和一个表尾（三排）。这样做的好处是，当一个table被打印时，表头和表尾会在每一页重复出现（内容在中间循环），这样用户看起来就会更加清晰。

右下角有一个“Example Code”，这里面的内容可以即使编辑并在右侧看到效果，这一点类似Firebug的HTML Edit工具。对于一次性修改多处HTML、CSS非常有用。

左下角是当前标签所能支持的各种属性。可以动态地修改以观察效果。类似3

我有一点感慨：现在Web开发的门槛随着Google AppEngine和大量的JavaScript开发库的涌现，已经非常低了。使用Google AppEngine（目前仅Python）和jQuery，可以很快的构建一套自己的Web服务。而开发者只需用到一些简单的Python、JavaScript知识来分别处理服务器端和前端的逻辑。而类似“HTML Playground”这些优秀的智能教程也在逐渐出现，Web开发本身会不会在未来成为一门“基本技能”呢？

可以说，快速、高效的Web开发如果成为一种基本技能，必然会给其他行业带来极大的（方）便利（益）。而（开发者）如何向第三方（使用Web开发受益的传统行业）索取回报，也许是未来一个有趣的话题。