HTML是标记语言而非编程语言，以<!DOCTYPE html>开头，用语义化标签（如<header><article>）构建结构，依赖属性（class/id/alt）扩展功能，需规范嵌套，并与CSS、JavaScript协同实现网页功能。
HTML 是构建网页内容的基础标记语言，它通过特定的标签结构定义文本、图像、链接等元素在页面中的呈现方式。以下是介绍 HTML 语言特点与基础概念的核心要点：
一、HTML 是一种标记语言而非编程语言
HTML 不具备逻辑运算、变量声明或循环控制等编程能力，其本质是通过成对标签（如 <p> 和 </p>）对内容进行语义标注，由浏览器解析后渲染为可视化页面。
1、HTML 文档以 <!DOCTYPE html> 声明开头，表明文档类型为 HTML5。
2、根元素必须为 <html> 标签，内部包含 <head> 和 <body> 两个主要部分。
立即学习“前端免费学习笔记（深入）”；
3、所有标签均需遵循闭合规则，例如 <img> 虽为单标签，但需写为 <img /> 或 <img>（在 HTML5 中允许省略斜杠，但语义上仍为自闭合）。
二、HTML 具有良好的结构化与语义化特性
现代 HTML 强调使用具有明确含义的标签来表达内容角色，如 <header>、<nav>、<article>、<footer> 等，有助于提升可访问性、SEO 效果及代码可维护性。
1、替代传统仅用 <div> 堆砌布局的方式，应优先选用语义化标签组织内容层次。
2、<h1> 至 <h6> 标签用于定义标题层级，其中 <h1> 应全文唯一，代表主标题。
3、段落必须使用 <p> 包裹，不可用多个 <br> 模拟换行，否则破坏语义完整性。
三、HTML 依赖属性扩展元素功能
标签可通过属性（attribute）添加额外信息，常见属性包括 class、id、src、href、alt 等，它们以“名称=值”的形式出现在开始标签内，用于控制样式、行为或辅助说明。
1、class 属性支持多值空格分隔，便于 CSS 批量选中和 JavaScript 操作，例如 <p class="intro highlight">。
2、id 属性在整个文档中必须唯一，常用于锚点跳转或 DOM 定位，例如 <section id="contact">。
3、img 标签的 alt 属性为图像提供文字替代内容，当图像无法加载或用户使用读屏软件时，该属性内容将被读出。
四、HTML 文档具有严格的嵌套与容错机制
浏览器对 HTML 解析具备一定容错能力，可自动修正缺失闭合标签或错误嵌套，但开发者不应依赖此机制，而应编写符合规范的嵌套结构以确保跨浏览器一致性。
1、块级元素（如 <div>、<p>、<ul>）可包含内联元素（如 <span>、<a>、<strong>），但内联元素通常不可直接嵌套块级元素。
2、<a> 标签在 HTML5 中允许包裹整个卡片区域，包括图片与段落，前提是该链接不包含交互式子元素（如按钮或输入框）。
3、表格结构必须完整，包含 <table>、<thead> 或 <tbody>、<tr>、<th>/<td>，缺失任一环节可能导致渲染异常。
五、HTML 与 CSS、JavaScript 协同工作构成前端基础
HTML 提供内容骨架，CSS 控制外观样式，JavaScript 实现交互逻辑，三者分工明确、相互解耦，共同支撑现代 Web 页面运行。
1、样式应通过外部 CSS 文件或 <style> 标签定义，避免使用已废弃的 font、center 等表现性标签。
2、脚本推荐置于 <body> 底部或使用 defer/async 属性加载，防止阻塞 HTML 解析。
3、表单控件（如 <input>、<select>）需设置 name 属性，这是数据提交至服务器时字段识别的关键依据。
