《Web前端开发试题分析与解答》（上册）针对《Web前端开发职业技能等级标准》（初级）内容进行编写，是促进Web前端开发职业技能等级证书试点院校教学的工具性教材。本书汇集了2019年12月、2020年12月和2021年12月的Web前端开发初级真题试卷，对理论卷和实操卷分别进行真题解析，包括试卷结构、分值分布、考点分布，以及考点分析、解题思路等，书中的所有代码均在主流浏览器中运行通过。本书结合《Web前端开发职业技能等级标准》（初级）中的工作领域、工作任务和职业技能要求，以Web前端开发中的重要知识为单元组织理论卷，包括HTML+HTML5、CSS+CSS3、JavaScript、jQuery，以每年的实操试题为单元组织实操卷。本书主要分为两方面内容：一是理论卷解析，以Web前端开发中的重要知识为单元进行组织，每一单元包括考点分析、试题解析（2019年、2020年和2021年的试题汇编，包括单选题、多选题、判断题），每道题的解析内容包括考核知识和技能、解析过程、参考答案；二是实操卷解析，以每年的实操试题为单元进行组织，每道题包括题干和问题、考核知识和技能、试题解析、参考答案。本书适合作为《Web前端开发职业技能等级标准》2.0版实践教学参考用书，也适合作为对Web前端开发感兴趣的学习者的指导用书。

前 言 在职业院校、应用型本科高校启动“学历证书+若干职业技能等级证书”（1+X）制度是贯彻落实《国家职业教育改革实施方案》（国发〔2019〕4号文件）的重要内容。工业和信息化部教育与考试中心作为首批1+X证书制度试点工作的培训评价组织，组织技术、院校专家，基于从业人员工作范围、工作任务、实践能力，以及应具备的知识和技能，开发了《Web前端开发职业技能等级标准》。该标准反映了行业企业对当前Web前端开发职业教育人才培养的质量规格要求。Web前端开发职业技能等级证书培训评价自2019年实施以来，已经有近1500所中高职院校参与书证融通试点工作，通过师资培训、证书标准融入学历教育教学和考核认证等，Web前端开发职业技能等级证书培训评价对改革软件专业教学、提高人才培养质量、推动促进就业起到了积极的作用。 为帮助读者熟悉《Web前端开发职业技能等级标准》（初级）中涵盖的职业技能要求、考试要求、试卷结构、考点分布等，工业和信息化部教育与考试中心联合北京新奥时代科技有限责任公司组织企业工程技术人员和院校老师编写了本书。本书汇集了2019年、2020年和2021年的Web前端开发初级试题，按《Web前端开发职业技能等级标准》（初级）中的职业技能核心要求精心设计了试题解析，对理论卷和实操卷逐题进行分析和解答，每套试卷包括 50 道理论题和4道实操题。 本书主要分为两方面内容：一是理论卷解析，以Web前端开发中的重要知识为单元进行组织，每一单元包括考点分析、试题解析（单选题、多选题、判断题）；二是实操卷解析，以每年的实操试题为单元进行组织，每道题包括题干和问题、考核知识和技能、试题解析、参考答案。 第1章是概述，对2019年、2020年和2021年的Web前端开发初级考试进行总体分析，包括试卷结构、分值分布、考点分布。 第2章至第5章是理论卷解析，将试题按知识单元和题型进行分类，分别对HTML+ HTML5、CSS+CSS3、JavaScript、jQuery部分试题进行分析。针对每一知识单元进行考点分析，并对每类试题（单选题、多选题、判断题）进行逐题解析，每道题的解析内容包括考核知识和技能、解析、参考答案。 第6章至第8章是实操卷解析，按年份和试题号进行分类，对每道题进行逐题解析，解析内容包括题干和问题、考核知识和技能、试题解析、参考答案。 参与本书编写工作的有龚玉涵、谭志彬、张晋华、刘志红、马庆槐、王博宜、邹世长、吴晴月、郑婕、马玲、潘凯、姜宜池、徐海燕、金月光、王磊、娄焕谦、李蔷、牛芸等。 本书的编写工作得到了深圳信息职业技术学院、常州信息职业技术学院、青岛高新职业学校、山东传媒职业学院、辽宁职业学院、广东轻工职业技术学院、河南经贸职业学院、山东职业学院、京中华中等专业学校、山东轻工职业学院信息工程系、河北商贸学校、泰安市理工中等专业学校、深圳职业技术学院人工智能学院、襄阳职业技术学院等单位的支持和帮助。 限于编者水平和时间，书中难免存在不足之处，敬请读者批评和指正。 编 者

目 录 第1章 概述 1 1.1　理论卷介绍 1 1.1.1 试卷结构 1 1.1.2 分值分布 1 1.1.3 考点分布 2 1.2　实操卷介绍 3 1.2.1 试卷结构 3 1.2.2 分值分布 3 1.2.3 考点分布 4 第2章 HTML+HTML5 6 2.1　考点分析 6 2.2　单选题 6 2.2.1 2019年-第1题 6 2.2.2 2019年-第4题 8 2.2.3 2019年-第9题 9 2.2.4 2019年-第10题 9 2.2.5 2019年-第13题 11 2.2.6 2019年-第16题 12 2.2.7 2019年-第19题 13 2.2.8 2019年-第29题 13 2.2.9 2020年-第1题 14 2.2.10 2020年-第4题 15 2.2.11 2020年-第5题 16 2.2.12 2020年-第7题 16 2.2.13 2020年-第21题 17 2.2.14 2020年-第29题 18 2.2.15 2021年-第1题 19 2.2.16 2021年-第3题 20 2.2.17 2021年-第4题 22 2.2.18 2021年-第5题 23 2.2.19 2021年-第6题 24 2.2.20 2021年-第7题 25 2.2.21 2021年-第10题 25 2.2.22 2021年-第11题 27 2.2.23 2021年-第15题 27 2.2.24 2021年-第19题 29 2.2.25 2021年-第21题 29 2.2.26 2021年-第24题 30 2.2.27 2021年-第29题 31 2.2.28 2021年-第30题 32 2.3　多选题 33 2.3.1 2019年-第6题 33 2.3.2 2019年-第7题 33 2.3.3 2019年-第9题 35 2.3.4 2020年-第4题 36 2.3.5 2021年-第1题 37 2.3.6 2021年-第2题 39 2.3.7 2021年-第6题 40 2.3.8 2021年-第9题 41 2.3.9 2021年-第14题 42 2.4　判断题 43 2.4.1 2019年-第4题 43 2.4.2 2021年-第5题 44 第3章 CSS+CSS3 46 3.1　考点分析 46 3.2　单选题 46 3.2.1 2019年-第6题 46 3.2.2 2019年-第14题 47 3.2.3 2019年-第15题 48 3.2.4 2019年-第21题 49 3.2.5 2019年-第22题 50 3.2.6 2019年-第23题 52 3.2.7 2019年-第26题 55 3.2.8 2020年-第2题 56 3.2.9 2020年-第3题 57 3.2.10 2020年-第6题 58 3.2.11 2020年-第16题 58 3.2.12 2020年-第19题 62 3.2.13 2020年-第23题 62 3.2.14 2020年-第27题 63 3.2.15 2020年-第28题 64 3.2.16 2021年-第2题 65 3.2.17 2021年-第8题 65 3.2.18 2021年-第12题 69 3.2.19 2021年-第13题 70 3.2.20 2021年-第17题 71 3.2.21 2021年-第18题 72 3.2.22 2021年-第20题 74 3.2.23 2021年-第25题 76 3.2.24 2021年-第27题 76 3.2.25 2021年-第28题 78 3.3　多选题 79 3.3.1 2019年-第2题 79 3.3.2 2019年-第3题 83 3.3.3 2019年-第5题 84 3.3.4 2019年-第12题 85 3.3.5 2019年-第14题 86 3.3.6 2019年-第15题 87 3.3.7 2020年-第5题 88 3.3.8 2020年-第6题 89 3.3.9 2020年-第12题 90 3.3.10 2020年-第14题 91 3.3.11 2020年-第15题 91 3.3.12 2021年-第4题 92 3.3.13 2021年-第5题 95 3.3.14 2021年-第7题 96 3.3.15 2021年-第8题 97 3.3.16 2021年-第11题 98 3.3.17 2021年-第12题 99 3.3.18 2021年-第15题 100 3.4　判断题 101 3.4.1 2019年-第2题 101 3.4.2 2019年-第3题 102 3.4.3 2020年-第4题 103 3.4.4 2021年-第1题 104 3.4.5 2021年-第2题 105 3.4.6 2021年-第3题 105 3.4.7 2021年-第4题 106 第4章 JavaScript 108 4.1　考点分析 108 4.2　单选题 108 4.2.1 2019年-第2题 108 4.2.2 2019年-第3题 110 4.2.3 2019年-第7题 111 4.2.4 2019年-第11题 112 4.2.5 2019年-第12题 114 4.2.6 2019年-第17题 115 4.2.7 2019年-第18题 116 4.2.8 2019年-第20题 116 4.2.9 2019年-第24题 117 4.2.10 2019年-第25题 118 4.2.11 2019年-第27题 119 4.2.12 2019年-第28题 120 4.2.13 2020年-第9题 121 4.2.14 2020年-第10题 122 4.2.15 2020年-第11题 124 4.2.16 2020年-第13题 124 4.2.17 2020年-第15题 126 4.2.18 2020年-第18题 127 4.2.19 2020年-第20题 128 4.2.20 2020年-第22题 130 4.2.21 2020年-第24题 132 4.2.22 2020年-第25题 132 4.2.23 2020年-第26题 133 4.2.24 2021年-第9题 134 4.2.25 2021年-第14题 134 4.2.26 2021年-第23题 135 4.3　多选题 136 4.3.1 2019年-第4题 136 4.3.2 2019年-第8题 138 4.3.3 2019年-第10题 139 4.3.4 2019年-第13题 140 4.3.5 2020年-第1题 141 4.3.6 2020年-第2题 144 4.3.7 2020年-第3题 145 4.3.8 2020年-第9题 147 4.3.9 2020年-第10题 148 4.3.10 2021年-第3题 149 4.4　判断题 149 4.4.1 2019年-第1题 149 4.4.2 2019年-第5题 150 4.4.3 2020年-第1题 151 4.4.4 2020年-第5题 151 第5章 jQuery 153 5.1　考点分析 153 5.2　单选题 153 5.2.1 2019年-第5题 153 5.2.2 2019年-第8题 154 5.2.3 2019年-第30题 155 5.2.4 2020年-第8题 156 5.2.5 2020年-第14题 157 5.2.6 2020年-第17题 159 5.2.7 2021年-第16题 160 5.2.8 2021年-第22题 160 5.2.9 2021年-第26题 161 5.3　多选题 162 5.3.1 2019年-第1题 162 5.3.2 2019年-第11题 163 5.3.3 2021年-第10题 166 5.3.4 2021年-第13题 168 第6章 2019年实操试卷 170 6.1　试题一 170 6.1.1 题干和问题 170 6.1.2 考核知识和技能 172 6.1.3 index.html文件 【第（1）空】 172 6.1.4 index.html文件 【第（2）空】 173 6.1.5 index.html文件 【第（5）、（6）空】 173 6.1.6 index.html文件 【第（7）空】 175 6.1.7 index.html文件 【第（3）、（4）、（9）空】 175 6.1.8 index.html文件 【第（10）空】 176 6.1.9 index.html文件 【第（8）空】 176 6.1.10 参考答案 176 6.2　试题二 177 6.2.1 题干和问题 177 6.2.2 考核知识和技能 181 6.2.3 index.html文件 【第（1）空】 181 6.2.4 index.html文件 【第（2）、（4）空】 181 6.2.5 index.html文件 【第（3）空】 182 6.2.6 index.html文件 【第（5）空】 182 6.2.7 css/style.css文件 【第（6）、（7）空】 183 6.2.8 css/style.css文件 【第（8）、（9）空】 184 6.2.9 css/style.css文件 【第（10）空】 185 6.2.10 css/style.css文件 【第（11）、（12）空】 185 6.2.11 css/style.css文件 【第（13）空】 187 6.2.12 css/style.css文件 【第（14）空】 188 6.2.13 参考答案 188 6.3　试题三 189 6.3.1 题干和问题 189 6.3.2 考核知识和技能 191 6.3.3 index.html文件 【第（1）、（2）空】 191 6.3.4 index.html文件【第（3）～ （5）空】、js/index.js文件 【第（11）、（12）空】 192 6.3.5 js/index.js文件【第（13）～ （15）空】 192 6.3.6 index.html文件【第（6）～ （10）空】 192 6.3.7 参考答案 193 6.4　试题四 193 6.4.1 题干和问题 193 6.4.2 考核知识和技能 197 6.4.3 index.html文件 【第（1）空】 197 6.4.4 index.html文件【第（2）～ （4）空】 198 6.4.5 index.html文件 【第（5）空】 200 6.4.6 index.html文件 【第（6）空】 200 6.4.7 index.html文件【第（7）～ （9）空】 200 6.4.8 index.html文件【第（10）、 （11）空】 202 6.4.9 参考答案 203 第7章 2020年实操试卷 204 7.1　试题一 204 7.1.1 题干和问题 204 7.1.2 考核知识和技能 206 7.1.3 house.html文件【第（1）～ （3）空】 206 7.1.4 house.html文件【第（4）、 （5）空】 206 7.1.5 house.html文件 【第（6）空】 207 7.1.6 house.html文件【第（7）～ （9）空】 207 7.1.7 house.html文件 【第（10）空】 208 7.1.8 参考答案 208 7.2　试题二 208 7.2.1 题干和问题 208 7.2.2 考核知识和技能 214 7.2.3 index.html文件【第（1）～ （3）空】 214 7.2.4 css/style.css文件【第（4）～ （6）空】 215 7.2.5 css/style.css文件【第（7）～ （9）空】 216 7.2.6 css/style.css文件【第（10）～ （12）空】 218 7.2.7 css/style.css文件【第（13）～ （15）空】 220 7.2.8 参考答案 221 7.3　试题三 222 7.3.1 题干和问题 222 7.3.2 考核知识和技能 225 7.3.3 index.html文件 【第（1）空】 225 7.3.4 index.html文件 【第（2）空】 226 7.3.5 index.html文件【第（3）～ （5）空】 226 7.3.6 index.html文件【第（6）～ （9）空】 228 7.3.7 index.html文件【第（10）、 （11）空】 230 7.3.8 index.html文件【第（12）、 （13）空】 230 7.3.9 index.html文件 【第（14）空】 233 7.3.10 参考答案 234 7.4　试题四 234 7.4.1 题干和问题 234 7.4.2 考核知识和技能 237 7.4.3 index.html文件 【第（1）空】 238 7.4.4 index.html文件 【第（2）空】 238 7.4.5 index.html文件 【第（3）空】 238 7.4.6 index.html文件 【第（4）空】 239 7.4.7 index.html文件【第（5）、 （9）空】 239 7.4.8 index.html文件【第（6）、 （7）空】 241 7.4.9 index.html文件 【第（8）空】 244 7.4.10 index.html文件【第（10）、 （11）空】 244 7.4.11 参考答案 245 第8章 2021年实操试卷 247 8.1　试题一 247 8.1.1 题干和问题 247 8.1.2 考核知识和技能 250 8.1.3 index.html文件【第（1）、 （2）空】 250 8.1.4 school.css文件【第（3）～ （5）空】 251 8.1.5 school.css文件 【第（6）空】 251 8.1.6 school.css文件【第（7）～ （9）空】 252 8.1.7 school.css文件 【第（10）空】 253 8.1.8 school.css文件 【第（11）空】 255 8.1.9 school.css文件【第（12）、 （13）空】 256 8.1.10 school.css文件 【第（14）空】 256 8.1.11 参考答案 257 8.2　试题二 258 8.2.1 题干和问题 258 8.2.2 考核知识和技能 262 8.2.3 index.html文件【第（1）、 （2）空】 263 8.2.4 index.html文件 【第（3）空】 263 8.2.5 index.html文件 【第（4）空】 264 8.2.6 index.js文件 【第（5）空】 264 8.2.7 index.js文件【第（6）、（13）、 （14）空】 265 8.2.8 index.js文件 【第（7）空】 265 8.2.9 index.js文件 【第（8）空】 266 8.2.10 index.js文件【第（9）、 （10）空】 267 8.2.11 index.js文件 【第（12）空】 268 8.2.12 index.js文件 【第（11）空】 268 8.2.13 参考答案 268 8.3　试题三 269 8.3.1 题干和问题 269 8.3.2 考核知识和技能 271 8.3.3 index.html文件【第（1）、 （2）空】和news.html文件 【第（1）、（2）、（9）空】 271 8.3.4 index.html文件【第（3）、 （4）空】 272 8.3.5 index.html文件【第（5）～ （8）空】 273 8.3.6 news.html文件 【第（10）空】 274 8.3.7 news.html文件 【第（11）空】 275 8.3.8 参考答案 275 8.4　试题四 276 8.4.1 题干和问题 276 8.4.2 考核知识和技能 279 8.4.3 index.html文件 【第（1）空】 279 8.4.4 index.html文件【第（2）、 （3）空】 280 8.4.5 index.html文件【第（5）、 （6）空】 280 8.4.6 index.html文件 【第（4）空】 281 8.4.7 tableA.html文件【第（7）、 （8）空】 282 8.4.8 tableA.html文件 【第（9）空】 282 8.4.9 tableA.html文件【第（10）、 （11）空】 283 8.4.10 参考答案 284