{T}

HTML5

本模块用于系统整理 HTML（含 HTML5 相关能力）与常用浏览器 API 的学习笔记，并以 MDN（mozilla）作为主要权威参考来源，方便你在"概念理解 → 示例验证 → 规范查阅"之间快速切换。

文档状态：全部 23 篇基础知识 + 5 篇高级应用文档已完成专业化增强，每篇均包含 Mermaid 图表、深度技术解析、实战案例、最佳实践与 FAQ。

快速开始

  • 学习路线： HTML5 前端学习路线
  • 推荐搭配：使用浏览器开发者工具（Elements/Console/Network）边读边验证

章节导航

基础知识（23 篇）

HTML 基础入门

  • 1-HTML 基础 — HTML 文档结构、元素分类、语义化标签
  • 2-设计网页文本内容 — 标题、段落、格式化、引用、代码
  • 3-列表 — 有序/无序/定义列表、嵌套列表
  • 4-超链接 — a 标签完整属性、响应式图片、安全防护、SEO 优化
  • 5-图像 — img 标签、现代 Image API、图像安全、LQIP 渐进加载
  • 6-表格 — 表格结构、CSS Grid 替代表格、可访问性、大数据渲染

表单与多媒体

文件与交互

  • 10-文件操作 — File/Blob/FileReader API、分片上传、Stream API、File System Access
  • 11-拖放操作 — Drag and Drop API、DataTransfer、移动端触摸替代、性能优化
  • 12-Canvas — 2D 绑定上下文、图形绘制、动画、离屏 Canvas
  • 13-SVG — 矢量图形、滤镜、SMIL 动画、JavaScript 交互、a11y 深度指南

存储与服务端通信

高级应用（5 篇）

参考资料（MDN / mozilla）