首页
合集
类别
HTML5 从入门到高级指南
教程通过对比传统 div 布局与语义化布局的差异,展示语义化带来的优势。从基础到高级循序渐进,帮助开发者全面掌握 HTML5 技术栈。
54 篇
1.1 HTML5 简介与发展历史
1.2 HTML5文档基本结构
1.3 DOCTYPE 声明与字符编码
1.4 第一个HTML5页面实战
1.5 HTML5 与 XHTM L的区别
1.6 常用开发工具与环境搭建
2.1 文本格式化标签
2.2 链接与锚点
2.3 图像与多媒体基础
2.4 列表与表格元素
2.5 表单元素与输入类型
2.6 全局属性与自定义数据属性
3.1 语义化设计概念与重要性
3.2 文档结构语义标签:header, footer, nav, article 等
.3 内容分组语义标签:section, aside, main 等
3.4 文本级语义标签:time, mark, figure 等
3.5 语义化设计最佳实践
3.6 语义化对 SEO 和可访问性的影响
4.1 新增输入类型(email, url, number等)
4.2 表单属性与验证
4.3 datalist 元素与自动完成
4.4 progress, meter 与 output 元素
4.5 自定义表单控件
4.6 表单数据提交与处理
5.1 audio 与 video 元素详解
5.2 多媒体格式与浏览器兼容性
5.3 多媒体 API 与 JavaScript 控制
5.4 字幕与轨道(textTrack)
5.5 Canvas 与 SVG 基础介绍
6.1 Canvas 绘图基础
6.2 Canvas 路径与形状
6.3 图像处理与像素操作
6.4 SVG 与 Canvas 对比
6.5 WebGL 简介
7.1 Web Storage(localStorage/sessionStorage)
7.2 IndexedDB 基础
7.3 离线应用与Application Cache(已废弃)
7.4 Service Worker 简介
7.5 文件 API 与文件系统
8.1 WebSocket 基础
8.2 Server-Sent Events
8.3 WebRTC 简介
8.4 postMessage 与跨文档通信
8.5 CORS 与跨域请求
9.1 地理位置 API
9.2 设备方向与运动检测
9.3 全屏API
9.4 通知 API
9.5 电池状态与网络信息
10.1 响应式设计基础
10.2 性能优化技巧
10.3 可访问性(A11Y)设计
10.4 HTML5 验证与测试工具
10.5 未来趋势与 Web Components 简介