理解HTML的基本结构与元素-优快云博客

本文链接：https://blog.youkuaiyun.com/si_pei_liang/article/details/124625466

本文介绍了HTML文档的基础构成，包括<!DOCTYPE>标记对于浏览器解析的重要性，<html>作为根标记的角色，<head>标记中存放文档头部信息的功能，以及<body>标记用于展示文档主体内容的用途。了解这些基础元素有助于构建和理解HTML页面的结构。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>div</title>
    
</head>
<body>
</body>
</html>

1.<IDOCTYPE>标记

<！DOCTYPE>标记位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML或XHTML标准规范。必须在开头处使用<!DOCTYPE>标记为所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能将该网页作为有效的XHTML文档，并按指定的文档类型进行解析。<！DOCTYPE>标记和浏览器的兼容性相关，删除<!DOCTYPE>，就是把如何展示HTML页面的权利交给浏览器。这时，有多少种浏览器(如IE6、IE7、IE8、Firefox2、Firefox3、Chrome)，页面就有可能有多少种显示效果，这是不允许的。

2.chtml>标记

<html>标记位于<！DOCTYPE>标记之后，也称为根标记，用于告知浏览器其自身是一个HTML文档，<html>标记标志着HTML文档的开始，</html>标记标志着HTML文档的结束，在它们之间的是文档的头部和主体内容。

3.<head>标记

<head>标记用于定义HTML文档的头部信息，也称为头部标记，紧跟在<html>标记之后主要用来封装其他位于文档头部的标记，例如<title>、<meta>、<link>及<style等，用来描述档的标题、作者以及和其他文档的关系等。一个HTML文档只能含有一对<head>标记，绝大多数文档头部包含的数据都不会真正为内容显示在页面中。

4.<body>标记

<body>标记用于定义HTML文档所要显示的内容，也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内，<body>标记中的信息才是最终展示给用户看的

一个HTML文档只能含有一对<body>标记，且<body>标记必须在<htmlb标记内，位于<head>头部标记之后，与<head>标记是并列关系