HTML结构与DOM树

MoonLight_dR

于 2021-01-22 17:05:09 发布

阅读量492

点赞数 1

本文链接：https://blog.youkuaiyun.com/MoonLight_dR/article/details/112989525

版权

本文介绍了HTML的基本结构，包括html、head和body三个主要部分，以及DOCTYPE、meta和title等元素的用途。同时，解释了DOM（文档对象模型）的重要性，它是浏览器将HTML解析成的树形结构，便于对页面内容进行操作和访问。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML结构与DOM树

html基本结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML结构</title>
</head>
<body>
  <p>hello world </p>
</body>
</html>

html：用来网页的一种语言，指超文本标记语言

<!DOCTYPE>：必须在文档的第一行，用来指示web浏览器当前使用的html版本，没有结束标签，对大小写不敏感

<head>：定义文档对头部，是所有头部元素的容器，可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

<title>：定义文档的标题

<body>：文档主题部分，用来写显示页面的内容

html的基本结构可以分为：html、head 和 body三部分，为了是页面更有血有肉，需要有其他额外元素，而且浏览器不能直接识别html结构，需要把其转换成对应的DOM。html与dom是不同的，dom可以理解为内存中的树形结构，上面html结构&

最低0.47元/天解锁文章