HTML、XML、HTML5、JavaScript、Json、Ajax

HTML Vs XML :HTML的设计目标是显示数据并集中于 数据外观，而XML的设计目标是描述数据并集中于 数据的内容（用于传输数据 所以xml做配置文件 结构化易于存储数据），它的显示形式靠CSS或XSL帮完成。

XML相对于HTML标准性更强。 HTML 中使用的标签都是预定义的。HTML 文档只能使用在 HTML 标准中定义过的标签（如 <p>、<h1> 等等）。XML 允许创作者定义自己的标签和自己的文档结构。

XML 是独立于软件和硬件的信息传输工具。

XML总结：可扩展标记语言

XML 可用于交换、共享和存储数据。

XML 文档形成  树状结构 ，在"根"和"叶子"的分支机构开始的。

XML 有非常简单的  语法规则 。带有正确语法的 XML 是"形式良好"的。有效的 XML 是针对  DTD  进行验证的。

XSLT  用于把 XML 转换为其他格式，比如 HTML。

所有现代的浏览器有一个内建的  XML 解析器 ，可读取和操作 XML。

DOM （Document Object Model）定义了一个访问 XML 的标准方式。

XMLHttpRequest  对象提供了一个网页加载后与服务器进行通信的方式。

XML 命名空间 提供了一种避免元素命名冲突的方法。

CDATA  区域内的文本会被解析器忽略。

HTML总结

• HTML 指的是超文本标记语言: HyperText Markup Language
• HTML 不是一种编程语言，而是一种标记语言
• 标记语言是一套标记标签 (markup tag)
• HTML 使用标记标签来描述网页
• HTML 文档包含了HTML 标签及文本内容
• HTML文档也叫做 web 页面

静态网站是很好的展示形象，如果你想与用户进行交换或者让网页更加生动那就需要使用到Javascript

HTML5

HTML5的设计目的是为了在移动设备上支持多媒体。增加了许多新元素

• 用于绘画的 canvas 元素
• 用于媒介回放的 video 和 audio 元素
• 对本地离线存储的更好的支持
• 新的特殊内容元素，比如 article、footer、header、nav、section
• 新的表单控件，比如 calendar、date、time、email、url、search
• 
  

HTML5的改进

• 新元素 见上面
• 新属性
• 完全支持 CSS3
• Video 和 Audio
• 2D/3D 制图
• 本地存储 可以缓存 可以本地存储（取代cookie）
• 本地 SQL 数据 可以操作数据库
• Web 应用 可以用webSocket等实现访问

JavaScript 是 Web 的编程语言。 网页脚本

HTML  定义了网页的内容 CSS  描述了网页的布局 JavaScript  网页的行为

JavaScript 中的所有事物都是对象：字符串、数值、数组、函数..

几个重要对象：Number String Date Array Boolean Math(提供数学工具) RegExp(正则表达式对象)

Window对象 用于控制浏览器行为 document(用于操作html)

闭包？函数等重要概念

jQuery JavaScript的框架

它使用 CSS 选择器来访问和操作网页上的 HTML 元素（DOM 对象）。

框架都提供针对常见 JavaScript 任务的函数，包括动画、DOM 操作以及 Ajax 处理

Json J ava S cript  O bject  N otation 轻量级的数据交互格式

JSON 通常用于服务端向网页传递数据 。JSON 是用于存储和传输数据的格式。

JSON 键值对 格式化后为 JavaScript 对象

JSON.parse() JSON.stringify() 实现JavaScript对象和json相互转换

.json和xml区别

XML:

(1)应用广泛，可扩展性强，被广泛应用各种场合；
(2)读取、解析没有JSON快；
(3)可读性强，可描述复杂结构。
JSON:
(1)结构简单，都是键值对；
(2)读取、解析速度快，很多语言支持；
(3)传输数据量小，传输速率大大提高；
(4)描述复杂结构能力较弱。

AJAX = 异步 JavaScript 和 XML。 可以取代jsp的开发。

Ajax+Html（前端渲染）和jsp（后端渲染）比较

AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容