HTML 基础架构:理解网页的骨架
HTML的文档结构主要由以下几个部分组成:<html>、<head>和<body>。
- <html>标签是HTML文档的根元素,用来包裹整个HTML文档的内容。
- <head>标签用于定义文档的头部,包含了一些元数据和其他不直接显示在页面上的内容。
- <body>标签则用来定义文档的主体部分,其中的内容会被显示在浏览器窗口中。
在<head>标签内部,可以设置页面标题、元数据等。下面是一些常用的标签:
-
<title>标签用于设置页面的标题,在浏览器的标签栏中显示。 例如:<title>这是页面的标题</title>
-
<meta>标签用于设置页面的元数据,包括字符编码、关键字、描述等。 例如:<meta charset="UTF-8">用于设置字符编码为UTF-8。 <meta name="keywords" content="HTML, 标签, 元数据">用于设置页面的关键字。 <meta name="description" content="这是页面的描述">用于设置页面的描述。
-
<link>标签用于引入外部样式表(CSS文件)和其他外部资源。 例如:<link rel="stylesheet" href="styles.css">用于引入名为styles.css的样式表。
-
<script>标签用于引入JavaScript文件,或者直接在标签内部编写JavaScript代码。 例如:<script src="script.js"></script>用于引入名为script.js的JavaScript文件。
在<body>标签内部,可以编写HTML元素和内容,这些内容会显示在浏览器窗口中。例如:
<body>
<h1>这是一个标题</h1>
<p>这是一个段落</p>
</body>
上述代码中,<h1>标签用于创建一个大标题,<p>标签用于创建一个段落。
总结:HTML的文档结构由<html>、<head>和<body>标签组成。在<head>标签内部,可以设置页面标题、元数据等。在<body>标签内部,可以编写HTML元素和内容,这些内容会显示在浏览器窗口中。