HTML网页的基本结构主要由以下几个部分组成:
-
DOCTYPE声明:这是HTML文档的第一行,位于
<html>
标签之前。在HTML5中,DOCTYPE声明为<!DOCTYPE html>
。这个声明告诉浏览器使用哪个HTML版本来解析文档12。 -
html标签:这是HTML文档的根标签,包含整个页面的所有内容。每个HTML文档只能有一个
<html>
标签13。 -
head标签:位于
<html>
标签内部,包含了文档的元数据,如字符集声明、页面标题、链接到外部文件等。<head>
标签中必须包含一个<title>
标签,用于定义文档的标题13。 -
title标签:位于
<head>
标签内,定义了文档的标题,这个标题会显示在浏览器的标题栏上13。 -
body标签:包含了网页的可见内容,如文本、图片、视频等。所有用户可以看到的内容都放在
<body>
标签内13。
HTML文档的层次结构
- 根标签:
<html>
是根标签,包含整个页面的内容。 - 头部标签:
<head>
包含文档的元数据,如标题和样式表链接。 - 标题标签:
<title>
定义了文档的标题。 - 主体标签:
<body>
包含了用户可以看到的内容。
总结:虽然基本结构有5个,其实最重要的是<head><body>两个标签。这两个标签的内容,规定了网页的具体内容和样式。
当然了,一个网页中的内容可能还包括很多外部链接文件的内容。
下面是一个标准的html网页基本结构:
<!DOCTYPE html>
<!-- 声明文档类型为 HTML5 -->
<html lang="en">
<!-- 定义 HTML 文档的根元素,语言设置为英语 -->
<head>
<!-- 定义文档的元数据 -->
<meta charset="UTF-8">
<!-- 设置字符编码为 UTF-8 -->
<title>Title</title>
<!-- 设置文档的标题 -->
</head>
<body>
<!-- 定义文档的可见内容区域 -->
</body>
</html>