<h1>、<body>、<a>、class、id、style、title等<b>、<em>、<i>、<small>、<strong>等HTML5样式：标签：<style>、<link> |
属性：rel、type、margin等 |
name、href<table>、<caption>、<th>、<tr>、<td>、<thead>、<tbody>、<tfoot>、<col>HTML5列表：标签：<ol>、<ul>、<li>、<dl>、<dt>、<dd> |
有序列表 / 无序列表 / 嵌套列表 /自定义列表 |
<h1>、<p>、<ul>、<b>、<a>、<img>、<div>、<span><div>、<table><form>、<input>、<textarea>、<label>、<fieldset>、<legend>、<select>、<optgroup>、<option>、<button<frame>(已移除)、<frameset>(已移除)、<iframe>| XHTML的规范化：什么是XHTML | 为什么使用 | 文档声明 | 文档类型 | 元素语法 | 属性语法规则 |
| HTML5新特性：引入原生多媒体支持（audio和video标签） | 引入可编程内容（canvas标签） | 引入语义Web（article、aside、details、figure、footer、header、nav、section、summary等标签） | |
| 引入新的表单控件（日历、邮箱、搜索、滑条等） | 引入对离线存储更好的支持（localStorage和sessionStorage） | 引入对定位、拖放、WebSocket、后台任务等的支持 |
<article>、<section>、<nav>、<aside>、<time><header>、<footer>、<hgroup>、<address>| 语法：基础语法 | 高级语法 |
| 选择器：派生选择器 | id选择器 | 类选择器 | 属性选择器 |
| 背景 | 文本 | 字体 | 链接 | 列表 | 表格 | 轮廓 | 定位 |
| 浮动 | 盒子模型 | 盒子模型应用 | 对齐-水平/垂直 | 尺寸 |
| 分类 | 导航栏 | 图片 | 2D、3D转换 | 过渡 | 动画 | 多列 | 瀑布流 |
| 语法与注释 | 变量和数据类型 | 运算符 | 分支结构 | 循环结构 |
| 跳转语句 | 函数 | 局部变量和全局变量 | 异常捕获 | 事件 | DOM |
| DOM操作HTML | DOM操作CSS | DOM Evenlistener：事件冒泡和事件捕获 |
| JavaScript对象：对象 | String对象 | Date对象 | Array对象 | Math对象 | JavaScript面向对象 |
| DOM对象：HTML DOM节点 | Document对象 | 元素对象 | 属性对象 | Console对象 | CSS样式声明对象 | DOM事件 |
| 浏览器对象：Window对象 | History对象 | Location对象 | Screen对象 |
v-if、v-showv-for：迭代数字、对象中的对象、数字