web app和html5给前端带来的变化 - 我们的html5游戏平台之旅

在w3school，你可以找到你所需要的所有的网站建设教程。 从基础的HTML到XHTML，乃至进阶的XML、SQL、数据库、多媒体和WAP。完整的网站技术参考手册 我们的参考手册涵盖了网站技术的方方面面。 其中包括W3C的标准技术：HTML、XHTML、CSS、XML 。以及其他的技术，诸如JavaScript、PHP、ASP、SQL等等。

2011年，twitter的“一小撮”工程师为了提高他们内部的分析和管理能力，用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。Bootstrap由MARK OTTO和Jacob Thornton所设计和建立，在github上开源之后，迅速成为该站上最多人watch&fork的项目。大量工程师踊跃为该项目贡献代码，社区惊人地活跃，代码版本进化非常快速，官方文档质量极其高(可以说是优雅)，同时涌现了许多基于Bootstrap建设的网站：界面清新、简洁;要素排版利落大方。 基于手脚架(Scaffolding)之上，Bootstrap的基础CSS(Base CSS)提供了一系列的基础Html页面要素，旨在为用户提供新鲜、一致的页面外观和感觉。本文将主要深入讲解排版(Typography),表格(Table),表单(Forms),按钮(Buttons)这四个方面的内容。

本手册针对的是已有一定网页设计制作经验的读者。其目的是提供最新的样式表内容的快速索引及注释。所以对于样式表的基础知识，在此仅简单介绍，恕不赘述。 <br> 本手册的升级信息与版权声明请参阅关于本手册页面。 <br> 什么是层叠样式表： CSS是Cascading Style Sheet（层叠样式表）的缩写。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)。 CSS2.1是目前被使用最广泛的版本，而目前还在开发中的CSS3具有更吸引人的特性。 本手册除了CSS2.1外，还涵盖了大部分的CSS3内容。但由于CSS3尚未定稿，不可避免会出现一些变动。

FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的

随着互联网的发展，HTML （HyperText Mark-up Language，超文本标记语言或超文本链接标示语言 ）标准也在不断变化，HTML标准已经走过第4代了，自从W3C （World Wide Web Consortium ，W3C理事会或万维网联盟 ）公布HTML5标准草案以来，HTML5越发的受开发者及各大公司的欢迎，因为它能用简单的标签元素，属性能实现之前需要用很多复杂JavaScript代码才能有实现的功能，本论文着重以浏览器支持较好且容易实现的部分HTML5功能作为探索对像。<br> 由于基于网页的探索性实验项目，在设计上并不是很复杂，因此在过程分析设计，详细设计分析方面做的比较少，着重内容展示。文章从以下几个方面论述： 首先，展示HTML5对表单的强大支持功能，以前许多验证需要用复杂的正则表达式来达到验证的目的，但是HTML5自建表单验证功能。比如电子邮件，日期等。

Web技术的发展速度太快了，如果你不与时俱进，就会被淘汰。因此，为了应对即将到来的HTML5，本文总结了22个HTML5的初级技巧，希望能对你进一步学习好HTML5会有所帮助。

HTML 特殊符号对照表

A vocabulary and associated APIs for HTML and XHTML 。This specification defines the 5th major revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features are introduced to help Web application authors, new elements are introduced based on research into prevailing authoring practices, and special attention has been given to defining clear conformance criteria for user agents in an effort to improve interoperability.

SEO是Search Engine Optimization的缩写，即“搜索引擎优化”。而从事这方面工作的就是Search Engine Optimizer，即“搜索引擎优化师”。通俗来讲，SEO就是在Google、百度、Yahoo等等各大搜索引擎中获得比较靠前的自然排名的技巧和策略。

CSS语法CSS规则由两个主要的部分构成：选择器，以及一条或多条声明。

Frameset、frame、iframe的用法和区别1．框架概念所谓框架便是网页画面分成几个框窗，同时取得多个URL。只需要 FRAMESET FRAME 即可，而所有框架标记需要放在一个总起的html档，这个档案只记录了该框架如何划分，不会显示任何资料，所以不必放入 BODY>标记，框架在body标记中不会显示。浏览这框架必须读取这档案而不是其它框窗的档案。

网页常用代码收藏

第5章XML DOM编程模型目标理解DOM模型解析XML文档，生成文档对象操纵DOM模型的对象、接口、属性、方法5.1文档对象模型概述DOM(Document ObjectModel)定义了文档的逻辑结构和访问、操纵文档的方法。它为XML、HTML提供了应用程序接口API。DOM中的对象允许开发者从文档中读取、搜索、修改、增加和删除数据－它们为文档导航提供了标准的功能定义，并且操纵XML文档的内容和结构。

第5章XLink和XPointerLink—链接如果在这个世界上每部电脑中的每个资料块都能够被识别、定址及链接，那将是十分令人振奋的事。Link就是说明如何在网络上做到这点的规格文件。链接的定义1.一个链接可以有一个、二个甚至是很多个ends，而每一个end都可以是指标，事实上链接本身可以很明确地指定是外部（externally）链接，因而连接到每一个end。2.一个链接并不一定要有方向，但它也可以有很多或是没有方向，除此之外，链接的方向不要一定得从“context”到“part”才行。

第4章XML的显示4.1CSS4.2Xpath简介4.3XSLT介绍呈现XML文件原始的XML文件可以用IE6.0(或者更高的版本)或者Netscape6来察看,但是如果希望让XML文档象Web页那样显示就必须添加一些额外的显示信息。样式表简介为什么需要样式表XML数据本身并不包含数据显示的信息什么是样式表描述结构文档表现方式的文档使用样式表的意义数据或内容与表示层分开W3C推荐的样式表标准：CSS级联样式表XSL可扩展样式表样式表定义：包含一个或多个XML文档的格式化规则的文档。包含指示WEB浏览器如何将原文档的结构翻译为一个能够显示的结构的代码。

第3章XML数据的底层结构—DTD和XMLSchema3.1XML类型定义语言DTD3.1.1XML类型定义语言DTD3.1.2XML文档和DTD的匹配3.2XML模式Schema3.2.1Schema与DTD的区别和优势3.2.2局部和全局定义3.2.3Schema的基本结构3.2.4简单类型3.2.5复杂类型3.1DTDDTD(DocumentTypeDefinition)，文档类型定义XML标准中，描述了如何创建DTD，以及如何将它与根据它的规则所编写的XML文档相关联，并且定义了XML处理器应该如何对DTD进行处理。

XML的全称是Extensible Markup Language，意思是可扩展的标记语言，它是标准通用标记语言(Standard Generalized Markup Language,SGML)的一个子集。 在80年代早期，IBM提出在各文档之间共享一些相似的属性，例如字体大小和版面。IBM设计了一种文档系统，通过在文档中添加标记，来标识文档中的各种元素，IBM把这种标记语言称作通用标记语言(Generalized Markup Language），即GML。经过若干年的发展，1984年国际标准化组织（ISO)开始对此提案进行讨论，并与1986年正式发布了为生成标准化文档而定义的标记语言标准（ISO 9979)，称为新的语言SGML，即标准通用标记语言。 SGML功能非常强大，是可以定义标记语言的元语言。

10步搞定div布局

今天我们的目标：分享几套一劳永逸、通用的前端性能优化方案；讲述探索这些方案的开发思路及所尝试的途径；服务器动态压缩、合并静态文件图片懒加载BigPipe1服务器动态压缩、合并静态文件1s1s1s1s存在的问题？静态文件在开发状态与发布状态的最佳形式存在差异：开发状态：代码的清晰、易读、易维护；发布状态：请求数少、体积小；货物开发环境发布环境文件系统或缓存服务器Minify，服务器压缩、合并、缓存设置Filter处理还原常规请求自动实现开发、发布的最佳状态旧方案JSTL+配置XML新方案缓存处理域名管理统一规划…预先压缩缓存、版本控制memcache这样做就够了吗？还能做些什么？？两种存在的场景：压缩、合并后的文件>100k；响应页面由多个页面组成：include、import等；得出结论：一个响应页面存在多个js，这个事实无法避免；阻塞加载并行加载、预加载：HTTP1.1>1个主机2个主机速度提高一倍各个浏览器的并行下载数2个主机是比较合适的使用一个子域名处理静态文件，实现并行下载，提高加载速度。