2026年计算机等级考试二级(Web程序设计)试题及答案

2026年计算机等级考试二级(Web程序设计)试题及答案一、单项选择题（本大题共10小题，每小题2分，共20分。在每小题列出的四个选项中，只有一个是符合题目要求的，请将正确选项的字母填在题后的括号内。）1.在Web程序设计中，以下哪种HTTP方法最适合用于提交表单数据，并且能够防止浏览器缓存提交结果？A.GET方法，因为它简单且参数在URL中可见B.POST方法，因为它将数据放在请求体中，且不会缓存C.HEAD方法，因为它只请求头部信息，不传输数据D.PUT方法，因为它主要用于更新资源内容参考答案：B解析：POST方法适合提交表单数据，且数据不在URL中，因此不会被缓存。GET方法虽然简单，但参数在URL中，不适合敏感数据。HEAD方法只请求头部信息。PUT方法主要用于更新资源。本题考查Web基础协议知识。2.在JavaScript中，以下哪个语句可以正确地声明一个带有初始值的变量？A.varx=5;y=10;B.letx=5,y=10;C.constx=5;y=10;D.varx=5;consty=10;参考答案：B解析：let和const是ES6新增的变量声明方式，let可以声明可变变量，const声明不可变变量。选项A和D中，y变量没有声明。选项C中，const声明后不能重新赋值。选项B正确声明了两个变量。本题考查JavaScript基础语法。3.在HTML5中，以下哪个标签用于定义文章的主要内容？A.<section>，因为它用于组织文档中的独立部分B.<article>，因为它专门用于独立的内容单元C.<header>，因为它用于页面或区域的页眉D.<nav>，因为它用于页面导航链接参考答案：B解析：<article>标签用于独立的内容单元，如博客帖子、新闻故事、论坛帖子等。<section>用于组织文档中的独立部分。<header>用于页眉。<nav>用于导航链接。本题考查HTML5语义化标签。4.在CSS中，以下哪个属性用于设置元素的外边距？A.padding，用于设置内边距B.margin，用于设置外边距C.border，用于设置边框D.spacing，用于设置间距参考答案：B解析：margin属性用于设置元素的外边距，即元素与其他元素之间的空间。padding设置内边距，border设置边框。CSS中没有spacing属性。本题考查CSS布局基础。5.在Web开发中，以下哪个框架最适合用于构建单页应用程序（SPA）？A.Django，因为它是一个高级PythonWeb框架B.Flask，因为它是一个轻量级PythonWeb框架C.React，因为它是一个用于构建用户界面的JavaScript库D.RubyonRails，因为它是一个全栈Web应用框架参考答案：C解析：React是专门用于构建单页应用程序的前端框架，通过组件化开发提高开发效率。Django和RubyonRails是后端全栈框架，Flask是轻量级后端框架。本题考查前端框架知识。6.在JavaScript中，以下哪个方法用于向数组末尾添加一个或多个元素，并返回新的数组长度？A.push()，因为它可以向数组末尾添加元素B.pop()，因为它可以从数组末尾移除元素C.shift()，因为它可以从数组开头移除元素D.unshift()，因为它可以向数组开头添加元素参考答案：A解析：push()方法向数组末尾添加一个或多个元素，并返回新的数组长度。pop()从末尾移除元素。shift()从开头移除元素。unshift()从开头添加元素。本题考查JavaScript数组方法。7.在Web服务器配置中，以下哪个模块用于处理URL路由？A.mod_rewrite，因为它用于URL重写B.mod_proxy，因为它用于代理服务C.mod_headers，因为它用于处理HTTP头部D.mod_rewrite，因为它用于处理URL路由参考答案：A解析：mod_rewrite模块用于URL重写和路由，通过规则匹配和替换URL。mod_proxy用于代理服务。mod_headers用于处理HTTP头部。本题考查Web服务器模块。8.在响应式Web设计中，以下哪个CSS单位最适合用于设置视口宽度？A.px，因为它是一个固定长度单位B.em，因为它是一个相对长度单位C.vw，因为它基于视口宽度的百分比D.%，因为它是一个相对长度单位参考答案：C解析：vw单位基于视口宽度的百分比，非常适合响应式设计。px是固定长度。em是相对于父元素字体大小的相对单位。%也是相对单位，但vw更直接基于视口。本题考查响应式设计单位。9.在Web安全中，以下哪个措施可以有效防止跨站脚本攻击（XSS）？A.使用HTTPS，因为它提供数据加密B.对用户输入进行HTML转义，因为它可以防止脚本执行C.设置Cookie的HttpOnly属性，因为它可以防止JavaScript访问CookieD.使用CSRF令牌，因为它可以防止跨站请求伪造参考答案：B解析：对用户输入进行HTML转义可以防止浏览器将输入作为脚本执行，有效防止XSS攻击。HTTPS提供加密。HttpOnly防止JavaScript访问Cookie，防止XSS但不是主要措施。CSRF令牌防止跨站请求伪造。本题考查Web安全基础。10.在Web性能优化中，以下哪个技术最适合用于减少页面加载时间？A.CDN缓存，因为它可以加速内容分发B.WebP图像格式，因为它比JPEG更高效C.HTTP/2，因为它支持多路复用D.以上都是参考答案：D解析：CDN缓存可以加速内容分发。WebP图像格式比JPEG更高效。HTTP/2支持多路复用，减少延迟。以上技术都能有效减少页面加载时间。本题考查Web性能优化。二、填空题（本大题共10小题，每小题2分，共20分。请将答案填写在答题卡相应位置。）1.在HTML5中，_______标签用于定义导航链接的集合。参考答案：nav解析：nav标签用于定义页面导航链接的集合，通常包含指向其他页面或页面部分的链接。本题考查HTML5语义化标签。2.在CSS中，_______属性用于设置元素的透明度。参考答案：opacity解析：opacity属性用于设置元素的透明度，取值范围从0（完全透明）到1（完全不透明）。本题考查CSS基础属性。3.在JavaScript中，_______关键字用于声明一个不可变的常量。参考答案：const解析：const关键字用于声明一个不可变的常量，一旦赋值后不能重新赋值。本题考查JavaScript基础语法。4.在Web开发中，_______协议用于安全传输HTTP数据。参考答案：HTTPS解析：HTTPS是HTTP的安全版本，通过SSL/TLS加密传输数据，提高安全性。本题考查Web安全基础。5.在响应式Web设计中，_______单位基于视口宽度的百分比。参考答案：vw解析：vw单位基于视口宽度的百分比，1vw等于视口宽度的1%。本题考查响应式设计单位。6.在Web服务器中，_______模块用于处理URL重写。参考答案：mod_rewrite解析：mod_rewrite是Apache服务器的一个模块，用于处理URL重写和路由。本题考查Web服务器模块。7.在JavaScript中，_______方法用于向数组末尾添加一个或多个元素。参考答案：push解析：push方法向数组末尾添加一个或多个元素，并返回新的数组长度。本题考查JavaScript数组方法。8.在Web安全中，_______攻击是指恶意用户通过欺骗网站用户来执行非预期操作。参考答案：跨站脚本（XSS）解析：XSS攻击是指恶意用户通过欺骗网站用户来执行非预期操作，如窃取Cookie。本题考查Web安全基础。9.在Web性能优化中，_______技术可以减少页面加载时间。参考答案：CDN缓存解析：CDN缓存通过分布式服务器加速内容分发，减少页面加载时间。本题考查Web性能优化。10.在Web开发中，_______框架适合用于构建单页应用程序。参考答案：React解析：React是专门用于构建单页应用程序的前端框架，通过组件化开发提高开发效率。本题考查前端框架知识。三、判断题（本大题共10小题，每小题2分，共20分。请判断下列叙述的正误，正确的填“√”，错误的填“×”。）1.在HTML5中，<header>标签必须包含一个<h1>标题元素。参考答案：×解析：<header>标签用于页眉，可以包含标题元素，但不是必须包含<h1>。本题考查HTML5语义化标签。2.在CSS中，flexbox布局适合用于一维布局，grid布局适合用于二维布局。参考答案：√解析：flexbox适合一维布局（行或列），grid适合二维布局（行和列）。本题考查CSS布局基础。3.在JavaScript中，let声明的变量是全局变量，const声明的变量是局部变量。参考答案：×解析：let和const都是局部变量（在函数内声明），let可以重新赋值，const不能。本题考查JavaScript基础语法。4.在Web服务器中，mod_security模块用于防止SQL注入攻击。参考答案：×解析：mod_security是Apache服务器的一个模块，用于Web应用防火墙，可以检测和阻止SQL注入等攻击。但专门防止SQL注入的是其他模块或配置。本题考查Web服务器模块。5.在响应式Web设计中，em单位基于视口宽度的百分比。参考答案：×解析：em单位基于父元素字体大小的相对单位，不是基于视口宽度。vw单位基于视口宽度。本题考查响应式设计单位。6.在JavaScript中，数组是对象，因此可以使用对象的方法操作数组。参考答案：√解析：数组是JavaScript中的对象，因此可以使用对象的方法操作数组，如push、pop等。本题考查JavaScript基础概念。7.在Web安全中，XSS攻击可以通过在URL中添加参数来执行。参考答案：×解析：XSS攻击通常通过在页面中注入脚本执行，而不是在URL中添加参数。SQL注入是通过URL或表单数据注入SQL命令。本题考查Web安全基础。8.在Web性能优化中，使用WebP图像格式可以减少页面加载时间。参考答案：√解析：WebP图像格式比JPEG更高效，可以减少图像大小，从而减少页面加载时间。本题考查Web性能优化。9.在Web开发中，React和Angular都是前端框架，但React是库，Angular是框架。参考答案：√解析：React是专门用于构建用户界面的JavaScript库，Angular是一个完整的框架，包含更多功能。本题考查前端框架知识。10.在JavaScript中，Promise对象用于处理异步操作，它有resolve和reject两个状态。参考答案：√解析：Promise对象用于处理异步操作，有resolve（成功）和reject（失败）两个状态。本题考查JavaScript异步编程。四、简答题（本大题共8小题，每小题2分，共16分。请简要回答下列问题。）1.简述HTML5中的语义化标签及其作用。参考答案：HTML5中的语义化标签如<header>、<nav>、<article>、<section>、<aside>、<footer>等，用于表示文档的结构和内容，提高可读性和SEO效果。例如<header>表示页眉，<nav>表示导航链接，<article>表示独立内容单元。本题考查HTML5语义化标签。2.简述CSS中的盒模型及其组成部分。参考答案：CSS盒模型包括内容(content)、内边距(padding)、边框(border)和外边距(margin)四个部分。内容是元素的实际内容，内边距是内容与边框之间的空间，边框是围绕内容的线条，外边距是元素与其他元素之间的空间。本题考查CSS布局基础。3.简述JavaScript中的闭包及其应用场景。参考答案：闭包是指函数可以访问其外部作用域的变量。闭包可以用于创建私有变量和函数，实现数据封装。应用场景包括模块化开发、创建私有变量、函数柯里化等。本题考查JavaScript高级概念。4.简述Web安全中的XSS攻击及其防范措施。参考答案：XSS攻击是指恶意用户通过欺骗网站用户来执行非预期操作，如窃取Cookie。防范措施包括对用户输入进行HTML转义、设置Cookie的HttpOnly属性、使用内容安全策略(CSP)等。本题考查Web安全基础。5.简述响应式Web设计的基本原理。参考答案：响应式Web设计的基本原理是使用CSS媒体查询、弹性布局(flexbox)、可伸缩单位(vw、em)等，使网页能够根据不同设备屏幕尺寸自动调整布局和内容。基本原理包括流式布局、弹性图片、媒体查询等。本题考查响应式设计。6.简述Web服务器中的mod_rewrite模块的作用。参考答案：mod_rewrite是Apache服务器的一个模块，用于处理URL重写和路由。通过规则匹配和替换URL，可以实现URL隐藏、路径重定向、参数重写等功能。本题考查Web服务器模块。7.简述JavaScript中的Promise对象及其状态。参考答案：Promise对象用于处理异步操作，有三种状态：pending（等待态）、fulfilled（成功态）、rejected（失败态）。Promise对象可以链式调用then和catch方法处理成功和失败的结果。本题考查JavaScript异步编程。8.简述Web性能优化中的CDN缓存的作用。参考答案：CDN缓存通过分布式服务器缓存网站内容，减少用户与服务器之间的距离，加速内容分发，减少页面加载时间。CDN可以缓存静态资源如图片、CSS、JavaScript文件等。本题考查Web性能优化。五、应用题（本大题共8小题，每小题4分，共24分。请根据下列要求完成应用。）1.假设你要开发一个简单的博客网站，请列出至少5个HTML5语义化标签及其用途。参考答案：-<header>：表示页眉，包含网站标题、logo、导航链接等。-<nav>：表示导航链接集合，包含主要导航菜单。-<article>：表示独立内容单元，如博客帖子、新闻故事。-<section>：表示文档中的独立部分，如文章分类。-<aside>：表示与主要内容相关但独立的信息，如侧边栏。-<footer>：表示页脚，包含版权信息、联系方式等。-<main>：表示页面主要内容，一个页面只能有一个main标签。-<figure>：表示媒体内容及其标题，如图片、视频。-<figcaption>：表示figure标题，如图片说明。本题考查HTML5语义化标签。2.假设你要使用CSSflexbox布局一个导航菜单，请写出基本代码示例。参考答案：```html<nav><ulclass="menu"><li><ahref="#">首页</a></li><li><ahref="#">关于</a></li><li><ahref="#">服务</a></li><li><ahref="#">联系</a></li></ul></nav>``````css.menu{display:flex;justify-content:space-around;list-style:none;padding:0;}.menuli{flex:1;text-align:center;}.menua{display:block;padding:10px;text-decoration:none;color:#333;}.menua:hover{background-color:#eee;}```本题考查CSSflexbox布局。3.假设你要使用JavaScript实现一个简单的计数器，请写出基本代码示例。参考答案：```html<divid="counter">0</div><buttonid="increment">增加</button><buttonid="decrement">减少</button>``````javascriptletcount=0;document.getElementById('increment').addEventListener('click',()=>{count++;document.getElementById('counter').textContent=count;});document.getElementById('decrement').addEventListener('click',()=>{count--;document.getElementById('counter').textContent=count;});```本题考查JavaScript基础。4.假设你要使用CSSgrid布局一个网页布局，请写出基本代码示例。参考答案：```html<divclass="grid-container"><divclass="header">页眉</div><divclass="nav">导航</div><divclass="main">主要内容</div><divclass="aside">侧边栏</div><divclass="footer">页脚</div></div>``````css.grid-container{display:grid;grid-template-columns:1fr3fr1fr;grid-template-rows:auto1frauto;gap:10px;}.header{grid-column:1/-1;}.nav{grid-column:1/2;grid-row:2/3;}.main{grid-column:2/3;grid-row:2/3;}.aside{grid-column:3/4;grid-row:2/3;}.footer{grid-column:1/-1;}```本题考查CSSgrid布局。5.假设你要使用JavaScript实现一个简单的表单验证，请写出基本代码示例。参考答案：```html<formid="form"><inputtype="text"id="username"placeholder="用户名"required><inputtype="email"id="email"placeholder="邮箱"required><buttontype="submit">提交</button></form>``````javascriptdocument.getElementById('form').addEventListener('submit',(e)=>{e.preventDefault();constusername=document.getElementById('username').value;constemail=document.getElementById('email').value;if(username&&email){alert('表单提交成功！');}else{alert('请填写所有必填字段！');}});```本题考查JavaScript表单验证。6.假设你要使用CSS实现一个简单的动画效果，请写出基本代码示例。参考答案：```html<divclass="box"></div>``````css.box{width:100px;height:100px;background-color:red;animation:move2sinfinitealternate;}@keyframesmove{from{transform:translateX(0);}to{transform:translateX(100px);}}```本题考查CSS动画。7.假设你要使用JavaScript实现一个简单的轮播图，请写出基本代码示例。参考答案：```html<divclass="slider"><divclass="slide">图片1</div><divclass="slide">图片2</div><divclass="slide">图片3</div></div>``````javascriptletcurrentSlide=0;constslides=document.querySelectorAll('.slide');setInterval(()=>{slides[currentSlide].style.display='none';currentSlide=(currentSlide+1)%slides.length;slides[currentSlide].style.display='block';},3000);```本题考查JavaScript基础。8.假设你要使用CSS实现一个简单的响应式设计，请写出基本代码示例。参考答案：```html<divclass="container"><divclass="item">项目1</div><divclass="item">项目2</div><divclass="item">项目3</div></div>``````css.container{display:flex;flex-wrap:wrap;gap:10px;}.item{flex:11300px;padding:20px;border:1pxsolid#ccc;box-sizing:border-box;}@media(max-width:600px){.item{flex:11100%;}}```本题考查响应式设计。【标准答案及解析】一、单项选择题1.B解析：POST方法适合提交表单数据，且数据不在URL中，因此不会被缓存。GET方法虽然简单，但参数在URL中，不适合敏感数据。HEAD方法只请求头部信息。PUT方法主要用于更新资源内容。2.B解析：let和const是ES6新增的变量声明方式，let可以声明可变变量，const声明不可变变量。选项A和D中，y变量没有声明。选项C中，const声明后不能重新赋值。选项B正确声明了两个变量。3.B解析：<article>标签用于独立的内容单元，如博客帖子、新闻故事、论坛帖子等。<section>用于组织文档中的独立部分。<header>用于页眉。<nav>用于导航链接。本题考查HTML5语义化标签。4.B解析：margin属性用于设置元素的外边距，即元素与其他元素之间的空间。padding设置内边距，border设置边框。CSS中没有spacing属性。本题考查CSS布局基础。5.C解析：React是专门用于构建单页应用程序的前端框架，通过组件化开发提高开发效率。Django和RubyonRails是后端全栈框架，Flask是轻量级后端框架。本题考查前端框架知识。6.A解析：push()方法向数组末尾添加一个或多个元素，并返回新的数组长度。pop()从数组末尾移除元素。shift()从数组开头移除元素。unshift()从数组开头添加元素。本题考查JavaScript数组方法。7.A解析：mod_rewrite模块用于处理URL重写和路由，通过规则匹配和替换URL。mod_proxy用于代理服务。mod_headers用于处理HTTP头部。本题考查Web服务器模块。8.C解析：vw单位基于视口宽度的百分比，1vw等于视口宽度的1%，非常适合响应式设计。px是固定长度。em是相对于父元素字体大小的相对单位。%也是相对单位，但vw更直接基于视口。本题考查响应式设计单位。9.B解析：对用户输入进行HTML转义可以防止浏览器将输入作为脚本执行，有效防止XSS攻击。HTTPS提供加密。HttpOnly防止JavaScript访问Cookie，防止XSS但不是主要措施。CSRF令牌防止跨站请求伪造。本题考查Web安全基础。10.D解析：CDN缓存可以加速内容分发。WebP图像格式比JPEG更高效。HTTP/2支持多路复用，减少延迟。以上技术都能有效减少页面加载时间。本题考查Web性能优化。二、填空题1.nav解析：nav标签用于定义页面导航链接的集合，通常包含指向其他页面或页面部分的链接。本题考查HTML5语义化标签。2.opacity解析：opacity属性用于设置元素的透明度，取值范围从0（完全透明）到1（完全不透明）。本题考查CSS基础属性。3.const解析：const关键字用于声明一个不可变的常量，一旦赋值后不能重新赋值。本题考查JavaScript基础语法。4.HTTPS解析：HTTPS是HTTP的安全版本，通过SSL/TLS加密传输数据，提高安全性。本题考查Web安全基础。5.vw解析：vw单位基于视口宽度的百分比，1vw等于视口宽度的1%。本题考查响应式设计单位。6.mod_rewrite解析：mod_rewrite是Apache服务器的一个模块，用于处理URL重写和路由。本题考查Web服务器模块。7.push解析：push方法向数组末尾添加一个或多个元素，并返回新的数组长度。本题考查JavaScript数组方法。8.跨站脚本（XSS）解析：XSS攻击是指恶意用户通过欺骗网站用户来执行非预期操作，如窃取Cookie。本题考查Web安全基础。9.CDN缓存解析：CDN缓存通过分布式服务器缓存网站内容，减少用户与服务器之间的距离，加速内容分发，减少页面加载时间。本题考查Web性能优化。10.React解析：React是专门用于构建单页应用程序的前端框架，通过组件化开发提高开发效率。本题考查前端框架知识。三、判断题1.×解析：<header>标签用于页眉，可以包含标题元素，但不是必须包含<h1>。本题考查HTML5语义化标签。2.√解析：flexbox适合一维布局（行或列），grid适合二维布局（行和列）。本题考查CSS布局基础。3.×解析：let和const都是局部变量（在函数内声明），let可以重新赋值，const不能。本题考查JavaScript基础语法。4.×解析：mod_security是Apache服务器的一个模块，用于Web应用防火墙，可以检测和阻止SQL注入等攻击。但专门防止SQL注入的是其他模块或配置。本题考查Web服务器模块。5.×解析：em单位基于父元素字体大小的相对单位，不是基于视口宽度。vw单位基于视口宽度。本题考查响应式设计单位。6.√解析：数组是JavaScript中的对象，因此可以使用对象的方法操作数组，如push、pop等。本题考查JavaScript基础概念。7.×解析：XSS攻击通常通过在页面中注入脚本执行，而不是在URL中添加参数。SQL注入是通过URL或表单数据注入SQL命令。本题考查Web安全基础。8.√解析：WebP图像格式比JPEG更高效，可以减少图像大小，从而减少页面加载时间。本题考查Web性能优化。9.√解析：React是专门用于构建用户界面的JavaScript库，Angular是一个完整的框架，包含更多功能。本题考查前端框架知识。10.√解析：Promise对象用于处理异步操作，有三种状态：pending（等待态）、fulfilled（成功态）、rejected（失败态）。本题考查JavaScript异步编程。四、简答题1.HTML5中的语义化标签如<header>、<nav>、<article>、<section>、<aside>、<footer>等，用于表示文档的结构和内容，提高可读性和SEO效果。例如<header>表示页眉，包含网站标题、logo、导航链接等；<nav>表示导航链接集合，包含主要导航菜单；<article>表示独立内容单元，如博客帖子、新闻故事；<section>表示文档中的独立部分，如文章分类；<aside>表示与主要内容相关但独立的信息，如侧边栏；<footer>表示页脚，包含版权信息、联系方式等；<main>表示页面主要内容，一个页面只能有一个main标签；<figure>表示媒体内容及其标题，如图片、视频；<figcaption>表示figure标题，如图片说明。本题考查HTML5语义化标签。2.CSS盒模型包括内容(content)、内边距(padding)、边框(border)和外边距(margin)四个部分。内容是元素的实际内容，内边距是内容与边框之间的空间，边框是围绕内容的线条，外边距是元素与其他元素之间的空间。盒模型计算方式为：元素总宽=contentwidth+padding+border+margin。本题考查CSS布局基础。3.闭包是指函数可以访问其外部作用域的变量。闭包可以用于创建私有变量和函数，实现数据封装。应用场景包括模块化开发、创建私有变量、函数柯里化等。例如：```javascriptfunctionouter(){letcount=0;returnfunction(){count++;console.log(count);}}constincrement=outer();increment();//1increment();//2```本题考查JavaScript高级概念。4.XSS攻击是指恶意用户通过欺骗网站用户来执行非预期操作，如窃取Cookie。防范措施包括对用户输入进行HTML转义、设置Cookie的HttpOnly属性、使用内容安全策略(CSP)等。例如：```javascriptfunctionescapeHTML(str){returnstr.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"').replace(/'/g,''');}```本题考查Web安全基础。5.响应式Web设计的基本原理是使用CSS媒体查询、弹性布局(flexbox)、可伸缩单位(vw、em)等，使网页能够根据不同设备屏幕尺寸自动调整布局和内容。基本原理包括流式布局、弹性图片、媒体查询等。例如：```css@media(max-width:600px){.container{flex-direction:column;}}```本题考查响应式设计。6.mod_rewrite是Apache服务器的一个模块，用于处理URL重写和路由。通过规则匹配和替换URL，可以实现URL隐藏、路径重定向、参数重写等功能。例如：```apacheRewriteEngineOnRewriteRule^about$/about.html[L]```本题考查Web服务器模块。7.Promise对象用于处理异步操作，有三种状态：pending（等待态）、fulfilled（成功态）、rejected（失败态）。Promise对象可以链式调用then和catch方法处理成功和失败的结果。例如：```javascriptnewPromise((resolve,reject)=>{//异步操作if(成功){resolve('成功');}else{reject('失败');}}).then(result=>{console.log(result);}).catch(error=>{console.log(error);});```本题考查JavaScript异步编程。8.CDN缓存通过分布式服务器缓存网站内容，减少用户与服务器之间的距离，加速内容分发，减少页面加载时间。CDN可以缓存静态资源如图片、CSS、JavaScript文件等。例如：```html<linkrel="stylesheet"href="/style.css">```本题考查Web性能优化。五、应用题1.HTML5中的语义化标签及其用途：-<header>：表示页眉，包含网站标题、logo、导航链接等。-<nav>：表示导航链接集合，包含主要导航菜单。-<article>：表示独立内容单元，如博客帖子、新闻故事。-<section>：表示文档中的独立部分，如文章分类。-<aside>：表示与主要内容相关但独立的信息，如侧边栏。-<footer>：表示页脚，包含版权信息、联系方式等。-<main>：表示页面主要内容，一个页面只能有一个main标签。-<figure>：表示媒体内容及其标题，如图片、视频。-<figcaption>：表示figure标题，如图片说明。本题考查HTML5语义化标签。2.CSSflexbox布局导航菜单示例：```html<nav><ulclass="menu"><li><ahref="#">首页</a></li><li><ahref="#">关于</a></li><li><ahref="#">服务</a></li><li><ahref="#">联系</a></li></ul></nav>``````css.menu{display:flex;justify-content:space-around;list-style:none;padding:0;}.menuli{flex:1;text-align:center;}.menua{display:block;padding:10px;text-decoration:none;color:#333;}.menua:hover{background-color:#eee;}```本题考查CSSflexbox布局。3.JavaScript简单计数器示例：```html<divid="counter">0</div><buttonid="increment">增加</button><buttonid="decrement">减少</button>``````javascriptletcount=0;document.getElementById('increment').addEventListener('click',()=>{count++;document.getElementById('counter').textContent=count;});document.getElementById('decrement').addEventListener('click',()=>{count--;document.getElementById('counter').textContent=count;});```本题考查JavaScript基础。4.CSSgrid布局网页示例：```html<divclass="grid-container"><divclass="header">页眉</div><divclass="nav">导航</div><divclass="main">主要内容</div><divclass="aside">侧边栏</div><divclass="footer">页脚</div></div>``````css.grid-container{display:grid;grid-template-columns:1fr3fr1fr;grid-template-rows:auto1frauto;gap:10px;}.header{grid-column:1/-1;}.nav{grid-column:1/2;grid