HTML5 简介与基本结构

今天没有盐

2025-10-23 187 阅读1分钟

一、什么是 HTML5？

HTML5 是用来描述网页的一种语言，全称为超文本标记语言。
使用 HTML5 编写的文件，后缀名为 .html。
HTML 是一种标记语言，由一系列标记标签组成。
标签是由尖括号包围的关键字，例如 <html>。

标签类型：

单标签：如 <img/>
双标签：如 <html></html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>网页标题</title>
</head>
<body>
    <!-- 页面内容 -->
</body>
</html>

二、`<!DOCTYPE html>` 声明

DOCTYPE 是 document type（文档类型）的缩写。
<!DOCTYPE html> 是 HTML5 的声明，必须位于文档最前面、<html> 标签之前。
该声明是网页必备的组成部分，用于避免浏览器进入怪异模式。

三、HTML5 的基本骨架

1. `<html>` 标签

定义 HTML 文档，告诉浏览器这是一个 HTML 文档。
所有其他元素都必须包裹在 <html> 标签中。

2. `<head>` 标签

定义文档的头部，描述文档的属性和元信息。
包含文档标题、字符编码、样式表等，这些内容不会直接显示在页面中。

3. `<title>` 标签

定义文档标题，显示在浏览器的标题栏或状态栏。
是 <head> 中唯一必须包含的标签。

4. `<meta>` 标签

描述网页文档的属性，如字符编码。
常用属性：charset="utf-8"，确保正确显示中文等字符。

5. `<body>` 标签

定义文档的主体内容。
包含文本、图片、链接、表格等所有用户可见的内容。