面向職業院校和應用型本科院校開展1+X證書制度試點工作是落實《國家職業教育改革實施方案》的重要內容之一，為了便于X證書標準融入院校學歷教育，工業和信息化部教育與考試中心組織編寫了《Web前端開發（初級）》。本教材以《Web前端開發職業技能等級標準》（初級）為編寫依據，分上、下兩冊，包括Web頁面制作基礎、JavaScript程序設計、HTML5和CSS3開發基礎與應用、輕量級框架應用四篇，分別對應《Web前端開發職業技能等級標準》（初級）涉及的四門核心課程：“Web頁面制作基礎”“JavaScript程序設計”“HTML5開發基礎與應用”“輕量級前端框架”。本教材以模塊化的結構組織各篇及其章節，以任務驅動的方式安排教材內容，選取靜態網站設計與制作的典型應用作為教學案例。本教材可用于1+X證書制度試點工作中的Web前端開發職業技能等級證書教學和培訓，也可以作為期望從事Web前端開發職業的應屆畢業生和社會在職人員的入門級自學參考用書。
譚志彬，北京大學無線電電子學系碩士畢業，曾在高科技企業從事辦公自動化系統的開發應用，是國家計算機和通信專業技術資格考試標準的主要起草或審定者，主持開發過考務管理系統、上機考試系統、閱卷系統。
第三篇 HTML5和CSS3開發
基礎與應用
第7章 HTML5簡介 2
7.1 HTML5的出現 2
7.2 瀏覽器對HTML5的兼容性 4
7.3 HTML5和HTML4的區別 4
7.3.1 DTD的變化 4
7.3.2 字符編碼的變化 5
7.3.3 HTML5語法的變化 5
7.4 HTML5的優勢 6
7.5 本章小結 7
第8章 HTML5常用元素和屬性 8
8.1 HTML5保留的常用元素 8
8.1.1 基本元素 9
8.1.2 文本格式化元素 11
8.1.3 超鏈接和錨點 14
8.1.4 列表相關元素 15
8.1.5 表格相關元素 17
8.2 HTML5新增的常用元素 20
8.2.1 文檔結構元素 20
8.2.2 文本格式化元素 28
8.2.3 頁面增強元素 29
8.2.4 多媒體元素 30
8.3 HTML5的通用屬性（全局
屬性） 32
8.3.1 HTML5保留的通用屬性 32
8.3.2 contenteditable屬性和designMode屬性 33
8.3.3 hidden屬性 35
8.3.4 spellcheck屬性 36
8.4 HTML5廢棄的元素 36
8.5 HTML5廢棄的屬性 37
8.6 本章小結 38
第9章 HTML5表單相關元素和屬性 39
9.1 HTML5原有的表單元素及
表單控件 40
9.1.1 表單元素＜form＞ 40
9.1.2 表單控件＜input＞ 41
9.1.3 表單控件＜label＞ 42
9.1.4 表單控件＜select＞、＜option＞
和＜optgroup＞ 43
9.1.5 表單控件＜button＞ 44
9.1.6 表單控件＜textarea＞ 45
9.2 HTML5表單新增的元素 46
9.2.1 input元素新增功能類型 46
9.2.2 HTML5新增的表單控件＜output＞ 55
9.3 HTML5表單控件新增的屬性 55
9.3.1 form屬性 56
9.3.2 formaction屬性 56
9.3.3 formmethod屬性 57
9.3.4 formenctype屬性 58
9.3.5 formtarget屬性 58
9.3.6 placeholder屬性 59
9.3.7 autocomplete屬性 60
9.3.8 autofocus屬性 61
9.3.9 list屬性 61
9.3.10 pattern屬性 62
9.3.11 novalidate屬性 63
9.3.12 required屬性 64
9.3.13 ＜textarea＞新增maxlength
屬性和wrap屬性 65
9.4 本章小結 65
第10章 CSS3新增選擇器 66
10.1 CSS3簡介 66
10.2 兄弟選擇器 67
10.3 新增的屬性選擇器 68
10.4 新增的偽類選擇器 72
10.5 新增的偽元素選擇器 74
10.6 本章小結 76
第11章 CSS3新增屬性 77
11.1 CSS3新增背景屬性 77
11.1.1 background-clip 77
11.1.2 background-origin 78
11.1.3 background-size 80
11.1.4 多背景圖片 81
11.2 CSS3新增字體文本相關
屬性 82
11.2.1 CSS3新增使用服務器
字體 82
11.2.2 CSS3新增文本屬性 82
11.3 CSS3新增盒模型屬性 85
11.3.1 圓角邊框 85
11.3.2 box-shadow 86
11.3.3 resize 88
11.3.4 outline-offset 89
11.4 CSS3新增變形動畫屬性 89
11.4.1 CSS3的變形屬性 90
11.4.2 CSS3的3D變形屬性 95
11.4.3 CSS3的過渡屬性 101
11.4.4 CSS3的動畫屬性 105
11.5 CSS3新增多列屬性 107
11.6 本章小結 111
第四篇 輕量級框架應用
第12章 jQuery基礎 114
12.1 jQuery框架概述 114
12.1.1 jQuery簡介 115
12.1.2 jQuery優勢 115
12.1.3 jQuery安裝 116
12.1.4 jQuery語法 119
12.2 jQuery選擇器 120
12.2.1 id選擇器 120
12.2.2 類選擇器 122
12.2.3 標記選擇器 123
12.2.4 屬性選擇器 124
12.2.5 位置選擇器 127
12.2.6 后代選擇器 130
12.2.7 子代選擇器 130
12.2.8 選擇器對象 131
12.2.9 選擇器對象遍歷應用
及頁面初始化 133
12.3 jQuery中的DOM操作 134
12.3.1 查找HTML元素 135
12.3.2 創建HTML元素 136
12.3.3 插入HTML元素 137
12.3.4 刪除HTML元素 141
12.3.5 復制HTML元素 143
12.3.6 替換HTML元素 144
12.4 jQuery事件 145
12.4.1 事件綁定 146
12.4.2 鼠標事件 147
12.4.3 鍵盤事件 152
12.4.4 表單事件 155
12.4.5 窗口事件 159
12.4.6 事件冒泡 161
12.4.7 事件解除 165
12.5 本章小結 169
第13章 jQuery效果 171
13.1 jQuery容器適應 171
13.1.1 元素及瀏覽器窗口的寬
和高 171
13.1.2 div自適應窗口高度 174
13.2 jQuery標簽操作 176
13.2.1 標簽內容操作 176
13.2.2 標簽屬性操作 180
13.2.3 圖片輪換效果 181
13.2.4 標簽樣式操作 183
13.2.5 選項卡效果 188
13.3 jQuery動畫 190
13.3.1 隱藏和顯示 190
13.3.2 遮罩層 192
13.3.3 淡入和淡出 194
13.3.4 動畫效果滑動 195
13.3.5 頁面右下角彈層 196
13.3.6 自定義動畫方法 198
13.3.7 鼠標位置獲取 200
13.3.8 兩級聯動 201
13.4 jQuery彈窗案例 203
13.4.1 彈窗移動分析 203
13.4.2 彈窗移動實現 203
13.5 圖片左右滾動案例 206
13.5.1 圖片左右滾動分析 206
13.5.2 圖片左右滾動實現 207
13.6 圖片放大效果案例 209
13.6.1 圖片放大效果分析 209
13.6.2 圖片放大效果實現 210
13.7 本章小結 214
第14章 jQuery AJAX 215
14.1 AJAX簡介 215
14.1.1 AJAX工作原理 216
14.1.2 AJAX原生寫法 216
14.1.3 jQuery中AJAX語法 217
14.2 JSON對象 217
14.3 XML使用 219
14.4 load() 221
14.5 get()和post() 223
14.6 AJAX跨域 225
14.7 本章小結 226
新書資訊