HTML是超文本标记语言，用于创建网页的标准标记语言，通过标签和属性定义网页结构及内容，它包含文本、图像、链接等元素，如`、、等基础标签构建页面框架，、-处理文本，插入图片，`实现超链接，HTML与CSS、JavaScript协同工作，CSS负责样式设计，JavaScript实现交互功能，共同构成网页开发的核心技术，其简洁易学的特性使其成为前端入门的基础，也是构建动态、响应式网页的基石。
HTML核心元素与结构：构建网页的基石
HTML（HyperText Markup Language，超文本标记语言）是网页开发的骨架，它通过一系列"标签"定义网页内容的结构与语义，无论是简单的静态页面还是复杂的交互应用，所有网页的底层架构都离不开HTML的核心元素，本文将围绕HTML的关键内容，从基础结构到常用标签，再到语义化思想，带你深入理解HTML如何构建起网页的"骨架"。
HTML文档的"根"：基础结构标签
一个完整的HTML文档,从整体结构上遵循固定的"嵌套规则"，就像一棵具有层级关系的"树形结构"，最外层的核心标签包括：
<!DOCTYPE html>：文档类型声明
这是HTML文档的"第一行"，位于文档最开头，作用是明确告知浏览器"当前文档使用的是HTML5标准"，虽然它不是标签，但对浏览器正确解析页面至关重要——没有它，浏览器可能进入"怪异模式"（Quirks Mode），导致页面样式渲染异常，布局错乱，在现代Web开发中，始终将<!DOCTYPE html>作为文档的第一行是最佳实践。
<html>：根元素
<html>是所有HTML标签的"容器"，包裹着整个文档的内容，它有一个重要的lang属性，用于标识文档的语言，例如<html lang="zh-CN">表示文档为中文（简体），这一属性不仅有助于搜索引擎优化（SEO），还能提升无障碍访问体验，如屏幕阅读器可以据此选择合适的语音合成方式。
<head>：头部信息
<head>是"看不见"的部分，它不直接展示在页面上，却包含了对文档的"元数据"描述，这些信息对浏览器、搜索引擎和用户都至关重要：
meta charset="UTF-8"：字符编码声明，确保浏览器能正确解析中文、emoji等特殊字符，UTF-8是目前最通用的编码，支持全球几乎所有语言的字符显示。：页面标题，会显示在浏览器标签页上，也是搜索引擎抓取页面标题的重要依据，良好的标题应该简洁明了，包含关键词，长度控制在60字符以内。meta name="description" content="..."：页面描述，帮助搜索引擎了解页面内容，优质的描述应该包含2-3个关键词，长度控制在150-160字符之间。link：引入外部资源，如CSS样式表（<link rel="stylesheet" href="style.css">）、网站图标（<link rel="icon" href="favicon.ico">）等。script：引入JavaScript脚本，虽然<script>常放在<body>末尾以避免阻塞页面渲染，但在<head>中定义也是可行的，特别是对于需要立即执行的脚本。
<body>：文档主体
<body>是页面的"可见部分"，所有用户能直接看到的内容——文字、图片、视频、表单等——都写在这里，它是网页的核心展示区域，后续提到的绝大多数"内容标签"都会嵌套在<body>中，良好的<body>结构设计对用户体验和SEO都有重要影响。
HTML中的"内容标签"：定义网页的"块"与"行"
HTML通过不同的标签划分内容类型,让浏览器知道"这是一段标题"、"这是一段文字"、"这是一张图片"，以下是常用的内容标签，按功能可分为几类：
标签：<h1>~<h6>
标签用于定义层级的标题，<h1>是最高级标题（通常用于页面主标题），<h6>是最低级标题，标题标签不仅影响文本大小，更重要的是它们建立了文档的结构层次。
<h1>网站主标题</h1> <h2>章节标题</h2> <h3>子章节标题</h3>
重要提示标签的层级应与内容的实际结构一致，避免用<h1>直接跳到<h3>，这会影响SEO（搜索引擎认为层级结构混乱）和页面可读性（屏幕阅读器用户难以导航），每个页面应该只有一个<h1>标签，作为页面的主标题。
段落与文本标签：<p>、<span>、<br>、<hr>
<p>：段落标签，用于包裹一段文本，浏览器会自动在段落前后添加外边距（换行效果），形成明显的段落分隔。<p>这是一段文字。</p><span>：行内标签，用于包裹文本的一部分（如某个词、某句话），常配合CSS做样式修改（如改变颜色、字体），但不会改变文本结构。<br>：换行标签，强制文本换行（单标签，无需闭合）。第一行<br>第二行，注意：<br>应谨慎使用，仅在确实需要强制换行时使用，如诗歌或地址。<hr>：水平分割线标签，用于内容分隔（单标签），默认显示为一条水平线
标签： #基础教程
