1.第一个通俗的比喻：

• HTML是由多种骨头(标签)组成的骨架。
• HTML5是更多的新骨头(标签),同时去掉了以前觉得不好用的骨头.
• CSS是皮肤。CSS3是更美的皮肤
• JS控制单个动作。(抬手,张嘴,放下手,抬腿,转头,握拳等)
• jQuery是把一组常用动作编排成了一个招式。

(例如吃饭这个动作里面编排了:拿起勺子,挖一勺饭,把勺子贴近嘴,张嘴,勺子送进嘴,勺子拿出嘴,咀嚼.)

2.第二个通俗的比喻

把整个过程比喻成组装一个机器人的过程。
HTML是这个机器人的支架 骨骼 关节 什么的。
CSS是这个机器人外部的涂装 用什么颜色 什么主题（荧光白 钻石红）什么的。
JS是控制这个机器人行为的 让他抬胳膊 开火 行走 跑步 等等。
HTML5是一种新型材料 组成的支架 更耐用 更简洁 更清晰 同时提供一些可以调用的新的牛逼的行为 （JS API） 比如 获得该机器人坐标 自动缓存数据 绘图功能 等等。
CSS3是一种改进版涂装 更轻 渲染更快 颜色更加绚丽 。
Jquery是基于JS封装好的控制行为的库 用这种指令 就可以更快的写出控制机器人行为的内容 用这种东西 写出的指令 开发人员可以节省时间 提高效率 但是没有原生的动作（JS） 他什么都做不了。

你完成的网站或者web APP就是组装好的机器人 如果你用的是先进的HTML5和CSS3完成的机器人 有一个悲剧就是 只有在高级作战环境（如chrome）下才能全部发挥作用，如果是低级环境（牛逼哄哄的ie6等） 你的机器人就是一坨废铁。

3.第三个通俗的比喻

假如你是陈真
html就是你的骨头
css就是你训练出那么完美的肌肉
js 就是你打别人的基本招式 踢啊 什么的
演电影是需要节省时间以及特效的 因此导演将常用的漂亮动作 弄成一套—– <密宗拳>
这就是jquery—仅仅是为了 少写一点,效率高一点

那么css3 html5 就是甄子丹版的陈真 画面效果更逼真 更好看.

转载自：http://qtlinux.blog.51cto.com/3052744/1336086