网页基础

一.网页的组成

网页能够分为三大部分——HTML，CSS和Javascript；把网页比做一我的的话，HTML至关于骨架，CSS至关于皮肤，Javascript至关于肌肉。

HTML是用来描述网页的语言，全称为Hyper Text Markup Languag，即超文本标记语言 ；整个网页都是由各类标签嵌套组合而成，这些标签订义的节点元素互相嵌套和组合造成了复杂的层次关系，就造成了网页的架构。

CSS全称叫做Cascading Style Sheets，即层叠样式表，CSS来美化网页的样式。

Javascript简称JS，是一种脚本语言，实现了网页的实时，动态，交互的页面功能。

综上所述，HTML定义了网页的内容和结构，CSS描述了网页的布局，Javascript定义了网页的行为。

二.节点树和节点间的关系

在HTML中全部标签订义的内容都是节点，它们构成了一个HTML DOM树。

DOM是W3C(万维网联盟)的标准，其英文全称Document Object Model，即文档对象模型，它定义了访问HTML和XML文档的标准：W3C文档对象模型（DOM）是中立于平台和语言的接口，它容许程序和脚本动态的访问和更新文档的内容，结构和样式。

W3C DOM标准被分为3个不一样的部分：

1).核心DOM：针对任何结构化文档的标准模型。
2).XML DOM：针对XML文档的标准模型。
3).HTML DOM:针对HTML文档的标准模型。

根据W3C的HTML DOM标准，HTML文档中的全部内容都是节点：

1）整个文档是一个文档节点
2）每一个HTML元素是元素节点
3）HTML元素内的文本是文本节点
4）每一个HTML属性是属性节点
5）注释是注释节点

经过HTML DOM，树中的全部节点均可以经过Javascript访问，全部HTML节点元素都可被修改，建立，删除

节点树中的节点彼此拥有层级关系，父（parent）子（child）兄弟（sibling）节点,顶端节点称为根（root）节点