html5在线预览xml,HTML/HTML5/XML,CSS/CSS3，AJAX,HTML5 Canvas等前端开发技术

1、在文档声明上

html:              

html5:                

在文档声明上，html有很长的一段代码，并且很难记住这段代码，而html5却不同，只有简简单单的声明，这也方便人们的记忆。

2、在结构语义上

html:             没有体现结构语义化的标签，通常都是这样来命名的

html5:            在语义上却有很大的优势，提供了一些新的标签，比如.

3、html5是html的升级

4、XML

xml指可扩展标记语言，类似于html；xml的设计宗旨是传输数据，而非显示数据；xml标         签没有被预定义，需要自行定义标签；xml被设计为具有自我描述性；xml是W3C的推荐标准。

xml 与html的主要差异：

xml不是html的替代；xml和html为不同的目的而设计；xml被设计为传输和存储数据，其焦点是数据的内容；html被设计用来显示数据，其焦点是数据的外观；html旨在显示信息，而xml旨在传输数据。

没有任何行为的xml，xml不会做任何事情

xml仅仅是纯文本

通过xml您可以发明自己的标签

xml不是对html的替代，而是对html的补充

5、html

html是用来描述网页的一种语言

html指的是超文本标记语言，不是一种编程语言，而是一种标记语言；标记语言是有一套标记标签；html使用标记标签来描述网页。

6、html标签

html标记标签通常被称为html标签。

html标签是由尖括号包围的关键字；html标签通常是成对出现的；html标签中的第一个标签式开始标签，第二个结束标签；开始和结束标签页被称为开放标签和闭合标签。

7、xhtml可扩展的产文本标记语言

xhtml必须正确的嵌套；xhtml元素必须始终关闭；xhtml元素必须小写；xhtml文档必须要有一个根元素；xhtml属性必须使用小写；xhtml属性必须要用引号包围；xhtml属性最小化也是禁止的。

8、css和css3都是设置页面中的code，不同的无非就是css3多了一些样式设置而已

1、更多的选择器：结果类选择器，UI元素状态选择器，属性选择器

2、弹性布局：flex

3、动画：关键帧动画keyframs/动画animation

4、过渡动画：transtion

5、多列布局：column

6、背景的渐变：linear-gradient/radial-gradient

7、背景属性：background-image/background-size/background-clip/background-origin

8、边框、阴影：border-image/border-radious/box-shadow

9、2D、3D变换：transform/transform-origin

10、用户界面属性添加：box-sizing/outline-offset/cursor更多属性值。

11、text-shadow/word-wrap:break-word强制换行

12、AJAX

AJAX即异步javascript和xml；AJAX是一种用于创建快速动态网页的技术；无需重新加载          网页，便可以向服务器发送请求，对xml文档的解析和处理；

请求方式：两种(get  &&  post)

JS原生网络请求处理方案：

通过AJAX发送get请求，并上传：参数直接拼接到网址中

通过AJAX发送post请求，并上传：传递的数据放到send()函数的参数中