HTML基本结构规范_html最规范的容器结构-CSDN博客

本文链接：https://blog.csdn.net/2301_80121099/article/details/136080588

本文介绍了HTML文档的基本构成，包括DOCTYPE声明的作用，html、head、body标签的语义和功能，以及lang属性对语言设置的影响。元数据和主体内容分别位于head和body标签内，确保网页结构清晰和国际化显示。

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

一个标准的HTML文档通常包含DOCTPYE声明、html标签、head标签和body标签四个主要部分。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

DOCTPYE声明

<!DOCTYPE html>

文档类型声明标签。
<!DOCTYPE>文档类型声明，作用就是告诉浏览器使用哪种HTML版本来显示网页。

html标签

标签的语义：就是是指标签的含义，即这个标签是用来干嘛的。
根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰。

lang 语言

语言种类。用来定义当前文档显示的语言。
1.en定义语言为英语。
2.zh-CN定义语言为中文。
简单来说,定义为en就是英文网页,定义为zh-CN就是中文网页。
其实对于文档显示来说，定义成en的文档也可以显示中文，定义成zh-CN的文档也可以显示英文。

head标签

标签用于定义文档的头部，它是所有头部元素的容器。中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。

body标签

定义文档的主体。

HTML 文档的元数据和文档信息包装在 head 元素中，文档的内容则包装在 body 元素中。

body元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等）。