07 HTML文件结构
HTML 文件基本结构
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<h1>页面主内容</h1>
<p>这里是正文内容。</p>
</body>
</html>
各部分简要说明
| 部分 | 作用说明 |
|---|---|
<!DOCTYPE html> | 声明这是 HTML5 文件，必须写在第一行。 |
<html> | 整个网页的根标签，包含全部内容。 |
<head> | 网页的“头部”，放置元信息（如字符编码、标题、CSS 等）。帮助搜索引擎识别。 |
<meta charset="UTF-8"> | 设置字符编码为 UTF-8，支持中文。 |
<title> | 网页标题，显示在浏览器标签页上。 |
<body> | 网页的“主体”，用户看到的所有内容都写在这里。 |
SEO信息怎么写：
<head>
<meta charset="UTF-8">
<title>页面标题 - 网站名</title>
<meta name="description" content="这是一段简洁的网页描述，用于搜索引擎摘要。">
<meta name="keywords" content="关键词1,关键词2,关键词3">
<meta name="author" content="作者名">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://example.com/page.html">
</head>
一句话记忆法
“先声明，头放信息，体写内容。”