HTML文件的基础结构_html文件基础结构-CSDN博客

本文链接：https://blog.csdn.net/Dd_ddc/article/details/140633828

HTML基础结构

HTML基础结构是指HTML文档的基本框架和组成部分，包括文档声明、html标签、head标签和body标签。

文档声明

DOCTYPE声明告诉Web浏览器正在加载的文档类型。它必须放在HTML文档的最开始位置，即在<!DOCTYPE html>之前。DOCTYPE声明有不同的版本，主要包括HTML5、HTML4、XHTML和XML等。

<!DOCTYPE html>

`<html>` 标签

<html>标签是HTML文档的根元素。它包含了整个文档的内容，并被用来描述网页的结构和语义信息。要创建一个HTML文档，必须始终从<html>标签开始。

<html lang="en">
......
</html>

lang 属性指定文档的语言，这里设置为简体中文。

`<head>` 标签

head标签通常用于指定一些关于文档的元数据和其他信息。这些元数据通常包括页面标题、角色和字符集定义，还可以添加CSS和JavaScript等样式和脚本。head标签不会在浏览器窗口中显示任何内容，而是在后台提供有关文档的信息.

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>开思通智网</title>
</head>

<head> 标签包含文档的元数据，不会直接显示在网页上。
<meta charset="UTF-8">: 设置文档的字符编码为UTF-8。
<meta name="viewport" content="width=device-width, initial-scale=1.0">: 使网页在不同设备上有良好的显示效果。
<title>: 定义页面的标题，将显示在浏览器的标签页上。

`<body>` 标签

body标签是HTML文档的主要内容区域。它包含了所有实际显示在网页上的内容，如文本、图像、视频等。

<body>
    <h1>www.opensnn.com</h1>
    <p>网站地址</p>
</body>

<body> 标签包含文档的可见内容。
<h1>: 一级标题，用于显示主要标题。
<p>: 段落，用于显示文本内容。

完整代码示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>开思通智网</title>
</head>
<body>
    <h1>www.opensnn.com</h1>
    <p>网站地址</p>
</body>
</html>

HTML文档的正确结构是Web开发的基础。标准的HTML文档应包含四个主要部分：DOCTYPE声明、html标签、head标签和body标签。DOCTYPE声明定义文档类型，html标签是文档的根元素，head标签包含元数据和配置信息，而body标签则承载所有实际显示在网页上的内容。掌握这些基本结构能够帮助我们更高效地构建和优化Web页面。

转载自开思通智网：https://www.opensnn.com/os/article/10001076