Question

我希望澄清HTML文档的典型层次结构或级别，从最上面的“视图”开始。典型的HTML文档可能包括：

<!DOCTYPE html>
  <head> </head>
  <body> Actual content here </body>
</html>

在我看来，你有浏览器窗口，在那个窗口里面，上面的HTML文档会渲染并填满窗口分配的整个空间。如果我有一个脚本标记引用了一个窗口，如：

<script>
      var canvasEl = document.getElementById("game-canvas");
      canvasEl.width = window.innerWidth;
      canvasEl.height = window.innerHeight;
      new Asteroids.GameView(canvasEl).startMenu();
</script>

这里的“窗口”是否指向浏览器窗口？如果是这样，那么假设您可以将视图从上到下分组为浏览器窗口是正确的 - ＆gt; HTML - ＆gt;头/身等？

Answer 1

正如您所说，window是最外面的对象，就像在您的浏览器窗口中一样。

这是你的document（window.document）。

document是您可以获取头部，身体等DOM元素的地方。

window.document.getElementsByTagName("body")

以下文章更详细地解释了window和document之间的区别：

http://eligeske.com/jquery/what-is-the-difference-between-document-and-window-objects-2/

CSS Tricks详细介绍了HTML5文档的典型结构：

https://css-tricks.com/snippets/html/html5-page-structure/

因此，总之，您与层次结构很接近，但是您错过了document。

窗口＆gt;文件＆gt;头/身等

Answer 2

存档的结构，即<body>和</body>中间的语义结构，对于向客户端显示页面至关重要。 HTML4利用存档的区域和子段的概念来描述其结构。区域的特征是带有标题组件的{<div>）组件（<h1>，<h2>，<h3>，<h4>，<h5>或{ {1}}）在其中，表征其标题。这些组件的连接会提示报告的结构及其蓝图。

典型HTML文档的“层次结构”是什么？

2 个答案: