HTML网页从不同的角度看,有不同的结构:树结构、框结构和层结构。
HTML文档是由HTML标签按照树的结构组织起来的。根节点是<html>,其子节点一般是<head>和<body>,它们分别再有别的子节点。这是网页的树状结构。
通过frameset、frame和iframe可以在当前网页中嵌入新的框结构。每个框结构包含一个html文档,最简单的框结构网页就是单一的框,不包含其他框。但是如果想在某网页中嵌入其他的网页,那么急必须在对应的文档中,通过frame语法引入其他html文档,完成网页嵌套。这是网页的框结构。
如何理解网页的层结构?网页中的元素可能因为属性不同而显示在不同层上。为什么要这么做呢?为了更有效的处理渲染和交互。一般将<video>和<canvas>安排在新的层上,还要需要进行3D或2D变化的<div>等等。