HTML是构建网页结构的标记语言，通过标签、元素、属性和DOCTYPE定义语义与层级，具有纯文本、语义化、跨平台和容错等特点，广泛应用于静态网站、邮件模板、Web应用骨架及无障碍访问场景。
HTML作为构建网页内容的基础标记语言，其核心概念、语言特点与典型应用场景构成了前端开发的入门基石。以下是围绕这些要素展开的系统性介绍：
一、HTML的核心概念
HTML（HyperText Markup Language）是一种用于描述网页结构的标记语言，不执行逻辑运算，而是通过标签定义内容语义与层级关系。它依赖浏览器解析并渲染为可视界面，所有元素均以成对标签或自闭合标签形式存在，构成树状文档对象模型（DOM）的基础节点。
1、标签（Tag）是HTML的基本语法单元，由尖括号包裹，如<p>、<h1>、<img />，分为双标签（含开始与结束）和单标签（自闭合）两类。
2、元素（Element）指由开始标签、内容和结束标签共同组成的完整结构，例如<div>欢迎访问</div>即为一个div元素。
立即学习“前端免费学习笔记（深入）”；
3、属性（Attribute）用于扩展标签功能，以键值对形式出现在开始标签内，如<a href="https://example.com" target="_blank">链接</a>中的href与target。
4、文档类型声明（DOCTYPE）必须置于HTML文件最顶端，如<!DOCTYPE html>，用以告知浏览器使用HTML5标准解析文档。
二、HTML的语言特点
HTML设计遵循简洁性、可读性与向后兼容原则，强调内容与表现分离，不包含编程逻辑，仅负责组织信息结构。其语法宽松但语义明确，允许部分错误容忍，同时支持与其他技术（CSS、JavaScript）无缝协同。
1、纯文本格式：HTML文件本质为UTF-8编码的文本文件，可用任意文本编辑器创建与修改。
2、语义化标签体系：提供<header>、<nav>、<article>、<section>等语义标签，提升可访问性与SEO效果。
3、平台无关性：无需编译，跨操作系统与设备运行，依赖浏览器统一解释执行。
4、非强制闭合容错机制：部分标签（如<p>、<li>）在缺失结束标签时仍能被浏览器正确解析，但规范推荐显式闭合。
三、HTML的典型应用场景
HTML作为Web内容承载层，广泛应用于各类需要结构化信息展示的场景，其轻量级特性使其成为信息传递的首选媒介。它不单独完成交互或样式控制，但在整个Web技术栈中承担不可替代的骨架作用。
1、静态网站构建：企业官网、个人博客、产品介绍页等以信息呈现为主的站点，仅依赖HTML即可完成基础布局与内容组织。
2、电子邮件模板开发：多数邮件客户端支持有限HTML子集，利用<table>布局与内联样式实现跨客户端兼容的营销邮件结构。
3、Web应用前端骨架：React、Vue等框架生成的虚拟DOM最终映射为真实HTML节点，所有SPA（单页应用）均以HTML文档为初始加载入口。
4、辅助技术适配载体：屏幕阅读器依据HTML语义标签（如<main>、<aside>、aria-*属性）识别内容角色，支撑无障碍访问合规性要求。
