超级会员免费看
HTML5 页面结构、语法与语义详解
1. 页面结构与 DOM
在 HTML5 中，文档对象模型（DOM）对于 HTML 文档的解释和网页呈现至关重要。DOM 为 HTML 文档的结构提供了一张地图，描述了各个部分如何协同工作。
1.1 DOM 概述
浏览器或任何解析网页的软件会在内存中构建 HTML 文档的树形结构，这个内存中的表示就是 DOM。HTML 属于标记语言家族，而 DOM 基于面向对象编程。在 HTML 中，网页由元素组成，元素可以有属性；在处理 DOM 时，每个 HTML 元素和属性都成为一个 DOM 对象，HTML 属性值成为这些对象的属性。
1.2 DOM 对象关系
在网页上，每个 HTML 元素对应一个 DOM 对象，元素的 HTML 属性是其 DOM 对象的属性。如果一个 HTML 元素包含在另一个 HTML 元素中，嵌套的内部对象被视为外部包含对象的属性，称为包含对象的子对象，包含对象称为父对象。除了对应最外层 HTML 元素的窗口对象外，每个对象都只有一个父对象。
1.3 示例代码
以下是一个包含 CSS 规则和 HTML 属性的 HTML 页面示例：
<!DOCTYPE html>
<html>
<head>
<title>Example 2.3</title>
<style>
h1 {
text-align: center;
color: darkblue;
}
.intro-
订阅专栏 解锁全文
扫一扫
1735
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
