HTML语法基础由标签、元素和属性构成，是网页结构的骨架，文档以`声明起始，定义HTML5标准；根元素包含（元数据，如标题、字符集）和（页面可见内容），标签通常成对出现（如），自闭合标签（如）无需闭合，属性在开始标签中定义（如），提供额外信息，元素需合理嵌套（如），避免交叉，注释通过`插入，不影响页面显示，核心是遵循“结构化、语义化”原则，确保内容清晰可读。
HTML语法基础：构建网页的基石
HTML（HyperText Markup Language，超文本标记语言）是网页开发的骨架，用于定义网页的结构与内容，无论是静态展示页面还是动态交互应用，都离不开HTML的基础语法支撑，掌握HTML语法，正如学习写字需先掌握笔画结构一般，是踏入前端开发领域的必修课，本文将从文档结构、核心标签、属性规范及语义化实践等维度,系统梳理HTML的语法基础。
HTML文档的基本结构
一个完整的HTML文档遵循固定的结构范式，如同撰写文章需具备"开头-主体-的逻辑框架,HTML文档的基本结构如下：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">网页标题</title>
</head>
<body>
<!-- 网页可见内容 -->
<h1>欢迎来到HTML世界</h1>
<p>这是一个段落。</p>
</body>
</html>
<!DOCTYPE html>声明
- 作用：向浏览器声明当前文档遵循的HTML5规范，确保浏览器以标准模式渲染页面。
- 位置：必须置于文档第一行，且无闭合标签。
- 注意：HTML5的声明较早期版本（如HTML4.01的`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">》）更为简洁,无需指定复杂版本号。
<html>根元素
- 作用：包裹整个HTML文档，是所有其他元素的顶层容器，文档内所有内容均需置于其内。
- 属性：
lang属性用于定义文档语言，如lang="zh-CN"（中文简体）、lang="en"（英文），不仅有助于搜索引擎优化（SEO）,还能提升屏幕阅读器等无障碍工具的识别准确性。
<head>头部元素
- 作用：包含文档的元信息（metadata），即不可见但用于描述文档内容、配置浏览器行为的关键数据。
- 常见子标签：
<meta>：元数据标签，用于设置字符编码、视口、关键词等。charset="UTF-8"：定义字符编码为UTF-8，确保网页能正确显示中文、emoji等多语言内容，避免乱码问题。name="viewport" content="width=device-width, initial-scale=1.0"：响应式设计核心配置，告知浏览器网页宽度应适配设备屏幕宽度，且初始缩放比例为1.0，保证移动端浏览体验。
