&&5256 阅读
5月25日，一个特别有爱的日子（我爱我），
在图灵公司举办了一场主题为《》前端技术沙龙分享活动，因为参与人数太多挤爆了全场，只能以书代替凳子，席地而坐了。
本次会议由HTML5女神@田爱娜 组织举办，特别邀请了的美女主持 也是一位前端码农的家属。图灵公司谢总发言，她提到举办这样的小圈子技术交流会，非常有意义，在座的每一位程序员都有可能成为社交网络时代的主角，希望大家支持@ 和 的活动，站在一旁的＠ 感动到落泪了 。
　　　　　　　　　　　　　　　　　　　美女主持古惠新
　　　　　　　
　　　　　　　　　　　　　　　　　　　HTML5女神田爱娜
　　　　　　　　　　　　　　　　　　　图灵公司谢总
四位嘉宾任?
、李周全 、杨皓 @、赵锦江 登场：
任?： HTML5动画在终端应用上已经取代了FLASH了，但是在PC上，由于各浏览器对W3C标准的支持有偏差导致有兼容性问题，这一段主要演示了HTML5+CSS3的动画效果，由于时间关系对兼容性没分析，更多的是要自己去实践尝试，更多内容请移步：
　　　　　　　　　　　　　　　　　任?@Min_Ren 老师
李周全 ：对HTML和JS压缩以及模块化讲的很详细，将完成的代码用工具将换行和空格去掉来压缩(JS最好不要以换行结束还是以分号结束，否则压缩后报错)；将json存储在textarea中不会被浏览器解析，这个知识点不错我之前都没注意到过，真的受益匪浅，phantonjs浏览器资源监控我还没使用呐，对于前端工程师来讲工作到此也差不多了。接下来的Gzip压缩就由PHP工程师来处理了，PHP工程师在程序处理时使用ob_start()函数。动静态分离的服务器优化，将静态资源(JS、图片等)和后台处理程序以及数据库分布在不同的服务器上，来分担并发量高时对单台服务器（当无法满足需求时可以用web服务器集群来解决）请求的压力。其实压力最大的还是数据库服务器，新浪使用LVS负载均衡来解决高并发（当然也还有集群和缓存服务器，以及Squid反向代理服务器），一个人的精力有限，这些前端工程师不用考虑。
　　　　　　　　　　　　　　　李周全@亡命兔是个胖纸大胖纸老师
杨皓：将模块化剖析的很细致，对于分享来讲或许将某个知识点讲透彻比涉及到大量知识点却只是模糊的概念要好一点，高耦合对开发来讲省却了不少事，但是单个文件太多增加了对服务器压力，所以我觉得开发好了之后再将文件合并最好，两边都兼顾到了，对于以百度的Ueditor为例的完整模式下在head中生成的几十个JS文件实非抨击，我和 @展毅 提到过，也是希望这款产品能越来越完善。
　　　　　　　　　　　　　　　　　　杨皓@随机 老师准备演讲PPT
赵锦江： 将各个模块使用Nodejs生成合并取代了以往的服务器程序处理的依赖，Node VS PHP 对于这点，我觉得还是要依据具体情况来看吧，像浏览器的默认首页来讲，有可能用户几天甚至几个月都处于无网络连接的状态下，它也是能打开的，所以它可以脱离连接服务器不需要远程数据库，并且是基于浏览器的脚本不需要解析环境，但对这点我也赞同使用Nodejs，在开发时具体问题具体分析很重要，期待能看到完整的项目。
　　　　　　　　　　　　　赵锦江@勾三股四 准备演讲PPT
每位嘉宾演讲结束后都会互动交流活动，拼乐高的攻城狮好认真。
整个交流会有欢乐的部分应该是个人秀的环节了。
演讲嘉宾@随机（杨皓）的倾情演唱
在赠书环节中，因一本@李松峰老师翻译的《》而爆发的前端攻城狮终于拿出了杀手锏，霹雳舞，毫无悬念的将书收于囊中。
一位小伙子自高奋勇的上台演唱伍佰的歌《挪威的森林》，唱一半忘记了，台下的一位按耐不住，跳上前台，合作完成了这首曲子，现场一片欢乐，结果二位一紧张又忘词了.....
现场非常感动人的几段故事
一位快递小伙成前端攻城狮
现场来了一位特殊嘉宾，就是之前@田爱娜 提到的想去京东做快递的小伙子，小伙儿很上进，也很勤奋，不上课时还常帮他父亲卖菜，已经开始写代码，准备改行做程序员啦。
华普超市的理货员改行做前端技术
一位读者@fairfen留言：话说十年前我是华普超市的理货员，因为一本图灵出版的＜html、xhtml和css基础＞让我进入了IT行业，到后来我推荐我带过的前端也是看图灵的书。图灵改变了我和很多人的人生轨迹，我要感谢图灵。
　　　　　　　　　　　　　　　　　　　 自我介绍环节
　　　　　　　　　　　　　　　　　　　娜姐你肿么了？
　　　　　　　　　　　　　　　　　　　这是表白吗？
各种微博秀图
　　　　　
　　　　　
　　　　　
　　　　　
　　　　　
感谢一路有你，感谢@HTML5梦工厂 @码农俱乐部 感谢@田爱娜，欢迎大家下次再来。
高等教育出版社自然科学学术著作分社 市场助理 负责学术著作图书的营销工作等
本书是JavaScript超级畅销书的最新版。ECMAScript 5 和HTML5在标准之争中双双胜出，使大...HTML5 简介
HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。
HTML5的设计目的是为了在移动设备上支持多媒体。
HTML5 简单易学。
什么是 HTML5?
HTML5 是下一代 HTML 标准。
HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
HTML5 是如何起步的？
HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。
WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。
HTML5 中的一些有趣的新特性：
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search
HTML5 &!DOCTYPE&
&!doctype& 声明必须位于 HTML5 文档中的第一行,使用非常简单:
&!DOCTYPE html&
最小的HTML5文档
下面是一个简单的HTML5文档：
&!DOCTYPE html&
&meta charset=&utf-8&&
&title&文档标题&/title&
文档内容......
注意：对于中文网页需要使用 &meta charset="utf-8"& 声明编码，否则会出现乱码。
HTML5 的改进
完全支持 CSS3
Video 和 Audio
2D/3D 制图
本地 SQL 数据
HTML5 多媒体
使用 HTML5 你可以简单的在网页中播放 视频(video)与音频 (audio) 。
HTML5 应用
使用 HTML5 你可以简单地开发应用
本地数据存储
访问本地文件
本地 SQL 数据
Javascript 工作者
XHTMLHttpRequest 2
HTML5 图形
使用 HTML5 你可以简单的绘制图形:
使用内联 。
HTML5 使用 CSS3
2D/3D 转换
可下载的字体
了解更多CSS3知识请查看本站的
HTML5 添加了很多语义元素如下所示：
定义页面独立的内容区域。
定义页面的侧边栏内容。
允许您设置一段文本，使其脱离其父元素的文本方向设置。
定义命令按钮，比如单选按钮、复选框或按钮
用于描述文档或文档某个部分的细节
定义对话框，比如提示框
标签包含 details 元素的标题
规定独立的流内容（图像、图表、照片、代码等等）。
&figcaption&
定义 &figure& 元素的标题
定义 section 或 document 的页脚。
定义了文档的头部区域
定义带有记号的文本。
定义度量衡。仅用于已知最大和最小值的度量。
定义导航链接的部分。
&progress&
定义任何类型的任务的进度。
定义 ruby 注释（中文注音或字符）。
定义字符（中文注音或字符）的解释或发音。
在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。
定义文档中的节（section、区段）。
定义日期或时间。
规定在文本中的何处适合添加换行符。
HTML5 表单
新表单元素, 新属性，新输入类型，自动验证。
已移除元素
以下的 HTML 4.01 元素在HTML5中已经被删除:
&basefont&
&frameset&
&noframes&
每一章中的实例
通过我们的 HTML 编辑器，您能够编辑 HTML，然后点击按钮来查看结果。
&!DOCTYPE HTML&
&meta charset=&utf-8&&
&title&菜鸟教程()&/title&
&video width=&320& height=&240& controls&
&source src=&movie.mp4& type=&video/mp4&&
&source src=&movie.ogg& type=&video/ogg&&
你的浏览器不支持 video 标签。
点击 "尝试一下" 按钮查看在线运行结果。
HTML5 浏览器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。
IE9 以下版本浏览器兼容HTML5的方法，使用本站的静态资源的html5shiv包：
载入后，初始化新标签的CSS：
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
在本站中你可以找到关于HTML5 的标签及属性描述，详细请点击 。
记住登录状态
重复输入密码