网页设计学习笔记

HTML,CSS,JavaScript

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: :: 管理 ::
  119 随笔 :: 0 文章 :: 1 评论 :: 13万 阅读
< 2025年1月 >
29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1
2 3 4 5 6 7 8

要制作网页,首先必不可少的是了解文档对象模型(DOM)。DOM 就是对网页的各个元素之间的包含关系以及每个元素的属性的描述,例如

<html>
   
<head>
       
<title>Hello This!</title>
   
</head>
<body>
   
<h1>Header</h1>
   
<div>
       
<p>Paragraph</p>
   
</div>
</body>
</html>

对于一个网页文档来说,html 是最顶级的元素,它包含 head 和 body 这两个子元素。而 head 元素又包含 title 元素作为子元素。body 元素是文档的主要部分,在这里它包含了 h1 和 div 这两个子元素。按照一定的规则可以嵌套的包含下去。

HTML 这种一级级包含的文档结构,可以理解为一颗文档树,树上有各种节点。在浏览器排版该网页时,将把文档树按照它们的样式(例如用CSS设置)生成父元素包含子元素的许多嵌套盒子并显示出来。

还有个相关的概念叫做浏览器对象模型(BOM),它包含各种与浏览器有关的内容。BOM 的最顶层元素为 window,表示浏览器窗口,它有 document, history, location, navigator 和 screen 等子元素。其中 document 元素表示了上面所述的 html 文档,它有个 body 子元素表示文档的 body 部分内容(文档包含框架 frameset 时略有不同)。

参考资料:
[1] JavaScript 实现
[2] JavaScript中的BOM和DOM
[3] Document Object Model

[YAML] Date: 2011-05-15 20:05:06

posted on   zoho  阅读(262)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示