HTML

HTML 分类收录文档结构、资源加载、语义化、可访问性、表单、DOM 解析等主题。

已迁移知识点

文档结构

• DOCTYPE 与渲染模式
• head 与 meta 常见问题
• HTML5 与 HTML4
• Web 标准与 W3C
• title、h1、strong、em
• 元素分类与空元素
• Document、DOM 树与渲染树
• html、body 与表格结构
• 行内元素、块级元素与行内块
• HTML 兼容、乱码、错误页与基础结构

HTML5 平台能力与兼容策略

• Web Worker：后台线程与通信
• HTML Drag API：拖放事件与顺序
• 渐进增强与优雅降级

链接、导航与 iframe

• a 标签、href、target 与 download
• iframe 使用场景、sandbox 与通信
• SPA、面包屑与导航体验

语义化

• HTML 语义化

可访问性

• HTML 可访问性基础

资源加载

• link 与 script 的位置
• head 标签中的内容顺序
• script async / defer / module
• CSS 阻塞与 DOMContentLoaded
• DOMContentLoaded 与 load
• preload、prefetch、preconnect
• JS 延迟、异步和按需加载
• HTTPS 混合内容

嵌入资源

• img srcset 响应式图片
• href 与 src 区别
• Data URL

媒体、Canvas 与 SVG

• 图片、picture、srcset 与热区
• 图片布局、预览、压缩与 DOM 转图片
• audio、video、字幕、截图与媒体捕获
• Canvas 基础、绘制与内存
• Canvas 图片处理、导出与坑点
• SVG、WebGL 与 Canvas 取舍

存储与离线能力

• Cookie、Session 与 Web Storage
• localStorage 时效性与多标签页通信
• 离线存储与 Application Cache
• IndexedDB 与 Web SQL
• 页面缓存与强制更新

移动端

• meta viewport

表单与输入控件

• form 提交、编码与跨域
• input、button 与控件状态
• HTML5 原生表单类型与约束校验
• progress 与 meter 的区别
• 文件上传、自动完成与 textarea
• textarea 原格式输出与表单 target 下载

主题组规划

文档结构

DOCTYPE、标准模式、head/body、元信息、DOM 解析。

资源加载

script、link、preload、prefetch、图片、iframe、阻塞与非阻塞加载。

语义化

语义标签、结构表达、SEO、可维护性。

表单

表单控件、校验、自动填充、可访问性。

可访问性

ARIA、键盘访问、语义结构、辅助技术。

原始资料来源

待清洗资料位于 raw-notes/01_HTML&CSS&JS&TS.md。