缺什么补什么：别拿框架当万能挡箭牌

很多转岗或者速成出来的前端，简历上写着熟悉各种框架，但一碰到原生的页面结构就露馅。比如让你手写一个不依赖任何脚本的静态页面，或者解释为什么某个多媒体标签在不同浏览器表现不一致，往往就答不上来。这门课解决的就是这个底座问题，它只讲最基础的标记语言规范与新增特性。适合那些能看懂网页代码、但自己从零搭页面会卡壳，或者想补齐结构化标签知识盲区的学习者。如果你连基本的成对标签都没概念，建议先弄懂标签嵌套规则再来看；如果你已经有扎实基础，这部分可以当作查漏补缺的字典。不要觉得基础内容简单就跳过，很多线上页面的渲染bug，根子都在结构没写对。

怎么看与怎么练：先啃结构再碰交互

建议先看语义化结构标签部分，弄懂这些标签是为了解决以往全用无语义容器布局的痛点。接着看拖放相关的内容，这是原生交互里非常容易被忽略的能力缺口。看多媒体标签时，不要只记怎么写，要对照着资料里的页面素材，自己建一个空文件，把视频和音频资源挂上去，手动测试不同浏览器兼容情况。资料包里的线索只用来理解主题，别照抄压缩包里的文件名，重点是把课程里的示例代码一行行敲一遍。每看完一个特性，立刻在本地写一个最小可用demo，比如实现一个简单的拖拽排序或者自定义播放控制条。光看不练等于白学，必须让代码在自己机器上跑通。

看完应能回答什么与能独立做什么

学完这部分，你应该能独立完成一个结构清晰、无冗余嵌套的静态页面骨架，并且能回答几个核心问题：为什么要用语义化标签而不是全用块级容器？原生拖放接口的标准触发顺序是什么？多媒体标签在移动端有哪些限制？如果你答不出，说明没吃透，回头重啃对应章节。最终，你应该能脱离任何脚手架，徒手写出符合规范的页面结构，并为其接入原生的多媒体与拖放功能。这听起来不酷，但这是所有上层开发的底线。别假装什么都会，先把这块底子打扎实，把练习代码整理成自己的模块库，后面不管学什么框架都会踏实很多。

课程目录

1-1 [WEB前端开发工程师-HTML5超文本标记语言] HTML5概述 (07:45)
1-2 [WEB前端开发工程师-HTML5超文本标记语言] HTML5 格式 (07:55)
1-3 [WEB前端开发工程师-HTML5超文本标记语言] HTML5 新增标签 (08:11)
1-4 [WEB前端开发工程师-HTML5超文本标记语言] HTML5 新增标签详解 (19:42)
1-5 [WEB前端开发工程师-HTML5超文本标记语言] HTML5 新增标签详解-2 (18:57)
1-6 [WEB前端开发工程师-HTML5超文本标记语言] HTML5 拖放 (23:43)
1-7 [WEB前端开发工程师-HTML5超文本标记语言] HTML5 拖放应用 (18:05)
1-8 [WEB前端开发工程师-HTML5超文本标记语言] HTML5 多媒体标签 (17:37)
1-9 [WEB前端开发工程师-HTML5超文本标记语言] HTML5 新增的表单元素 (14:23)
1-10 [WEB前端开发工程师-HTML5超文本标记语言] HTML5 表单新属性 (17:05)
1-11 [WEB前端开发工程师-HTML5超文本标记语言] HTML5 input类型 (12:28)
1-12 [WEB前端开发工程师-HTML5超文本标记语言] HTML5 地理位置定位 (16:37)
1-13 [WEB前端开发工程师-HTML5超文本标记语言] HTML5 百度地图API (15:33)
1-14 [WEB前端开发工程师-HTML5超文本标记语言] HTML5 本地存储 (19:21)
1-15 [WEB前端开发工程师-HTML5超文本标记语言] HTML5 内联SVG (12:43)
1-16 [WEB前端开发工程师-HTML5超文本标记语言] HTML5 Canvas绘图 (21:29)
1-17 [WEB前端开发工程师-HTML5超文本标记语言] HTML5 Canvas绘图应用 (17:43)
2-1 [WEB前端开发工程师-CSS3层叠样式表] CSS3概述 (07:57)
2-2 [WEB前端开发工程师-CSS3层叠样式表] CSS3边框属性 (10:29)
2-3 [WEB前端开发工程师-CSS3层叠样式表] CSS3背景属性 (12:08)
2-4 [WEB前端开发工程师-CSS3层叠样式表] CSS3渐变属性 (15:12)
2-5 [WEB前端开发工程师-CSS3层叠样式表] CSS3文本属性 (13:29)
2-6 [WEB前端开发工程师-CSS3层叠样式表] CSS3 2D转换效果 (15:52)
2-7 [WEB前端开发工程师-CSS3层叠样式表] CSS3 3D转换效果 (16:23)
2-8 [WEB前端开发工程师-CSS3层叠样式表] CSS3 过渡效果 (14:27)
2-9 [WEB前端开发工程师-CSS3层叠样式表] CSS3 动画效果 (12:45)
2-10 [WEB前端开发工程师-CSS3层叠样式表] CSS3 图片效果 (20:00)
2-11 [WEB前端开发工程师-CSS3层叠样式表] CSS3 按钮效果 (14:57)
2-12 [WEB前端开发工程师-CSS3层叠样式表] CSS3 多列布局 (10:03)
2-13 [WEB前端开发工程师-CSS3层叠样式表] CSS3 弹性盒子 (15:22)
2-14 [WEB前端开发工程师-CSS3层叠样式表] CSS3 多媒体查询 (08:27)
3-1 [WEB前端开发工程师-HTML5+CSS3移动端项目开发] HTML5+CSS33项目开发 (10:09)
3-2 [WEB前端开发工程师-HTML5+CSS3移动端项目开发] 移动端项目开发导航栏 (21:32)
3-3 [WEB前端开发工程师-HTML5+CSS3移动端项目开发] 移动端项目开发轮播图 (09:25)
3-4 [WEB前端开发工程师-HTML5+CSS3移动端项目开发] 移动端项目开发课程详情 (14:36)
3-5 [WEB前端开发工程师-HTML5+CSS3移动端项目开发] 移动端项目开发底部链接 (07:03)
3-6 [WEB前端开发工程师-HTML5+CSS3移动端项目开发] 移动端项目开发多媒体查询 (08:13)