正在加载...

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

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

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

  1. 在左上角,用鼠标选择一个HTML标签。
  2. 右上角会出现这个标签的含义。例如你选择“<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被打印时,表头和表尾会在每一页重复出现(内容在中间循环),这样用户看起来就会更加清晰。

  3. 右下角有一个“Example Code”,这里面的内容可以即使编辑并在右侧看到效果,这一点类似Firebug的HTML Edit工具。对于一次性修改多处HTML、CSS非常有用。
  4. 左下角是当前标签所能支持的各种属性。可以动态地修改以观察效果。类似3

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

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

还没找到您要的东西?Google试试看吧,
Google更注重原创、时效性好的文章:


本文相关评论: 才 10 条评论
  1. 大猫 2008-06-08 09:24:49

    哈,感谢推荐
    前端这个东西真的是越学越觉得有东西学

  2. Robin 2008-06-08 11:59:57

    果然是好东西,呵呵~ 我觉得叫 html Sandbox 更好。 多谢AW推荐。

  3. forinec 2008-06-09 01:41:48

    o_0,确实很老了哈

  4. Kola 2008-06-09 10:07:05

    好东西。。

  5. 小胖 2008-06-09 12:57:08

    不错不错,有种相见恨晚的感觉

  6. 很实用网站 2008-06-09 03:26:13

    确实很优秀,我测试了一下,很符合人性的思维,不错!

  7. Yvon 2009-02-03 03:30:38

    博主的博客上有不少有趣的东东呢,这次的网站很好,还是第一次看到,对我学习HTML有很大帮助,谢谢博主

  8. interjc 2009-10-19 11:02:35

    挺好的,不过现在大陆的前端工程师职位太少了,而且都集中于长三角和北京,不大好找工作

[支持Ctrl+Enter]为了我们大家和家人的安全,留言请慎重!
声明:
1、本站仅与见过面的个人博客交换链接,见此文
2、留言时的头像是Gravatar提供的服务。如果您有兴趣并且有闲暇时间,可以看看这里的介绍