网页基础

Posted 2022-05-17 python-road

一.网页的组成

网页可以分为三大部分——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）节点