对浏览器内核 | DOM | HTML | XML | JS的一些理解

伴随着云技术的流行， B/S架构的地位已经越来越重要， 所以在这样的互联网环境下，要想有所作为必须要对WEB里面一系列的概念以及流程有所了解。

最近打算建立个人站点（当然服务器还是要先租借），将博客迁移过去，也需要这方面的知识， 所以进行一些简单的总结。

由于现在的理解很多不是很准确， 所以有些内容也会随着时间推移不断更新。

这篇文章大概会涉及的一些概念：  浏览器 | 服务器 （web服务器）| HTML | XML | XHTML | CSS+DIV | JavaScript 

Web服务器：

准确来说，浏览器可以分为： shell和内核

shell：这个概念相当广泛， 在操作系统中经常提到， 在浏览器中shell的概念同样是提供一种调用浏览器内核的界面。

内核：这是浏览器能够加载html页面以及加载JS等脚本的核心所在， 内核可分为：渲染引擎  JS引擎

    其中渲染引擎用来获取web服务器提供的页面信息， 包括html，xml, css等

    JS引擎则是用来解析js源码，实现网页动态效果。

目前比较常用的内核有： Trident，Gecko, Webkit. 其中Chrome用的就是webkit这款开源的浏览器引擎。

而JavaScript最初由Netscape公司的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。以它为基础，制定了ECMAScript标准。JavaScript在浏览器的实现中还必须含有DOM和BOM。Web浏览器一般使用公共API来创建主机对象来负责将DOM对象反射进JavaScript。

DOM：

中文名称是： 文本对象模型， 常用的是HTML DOM当网页被加载的时候，浏览器会创建页面的文档对象模型，HTML DOM 模型被构造为对象的树, 

当网页被加载的时候，浏览器会创建页面的文档对象模型，HTML DOM 模型被构造为对象的树, 

 （from : w3school)

浏览器将HTML文件解析成为树状结构，文件中的标签全部作为节点。然后利用DOM中提供的各种函数来获取并操作节点。

获得HTML文件的接口比较简单，其实这是浏览器自动生成的。
当浏览器打开一个窗口时，会自动为HTML文档创建一个名为window的Window对象（Window对象是JS层次中的顶层对象）。
当在该窗口载入某个网页（即某个HTML文档时），浏览器会将该文档解析成为一个Document对象，并将其赋给window的document属性。
之后就可以通过利用document来对当前的HTML文档进行操作了。

XML：

XML是在服务器端保存数据的一种方式， 说起来很简单，但是XML为web开发带来了巨大的影响。