全部来自 AI 原创生成并经逐题审校的题目，带 精品 标记的为 AI 复审通过。整卷生成请去组卷。
在新闻页面中，需要为以下内容选择语义标签：①网站主导航；②一篇可独立分发的新闻稿；③新闻稿的发布日期（要求机器可读）；④表示“重要警告”的短语；⑤从其他来源逐字摘录的较长引用。下列标签及属性组合完全符合 HTML5 语义化要求的是： A. ①nav ②article ③time 配合 datetime 属性 ④strong ⑤blockquote 配合 cite 属性 B. ①nav ②section ③span 配合 data 属性 ④em ⑤q 配合 cite 属性 C. ①div ②article ③time 配合 datetime 属性 ④b ⑤blockquote 配合 cite 属性 D. ①nav ②article ③time 配合 datetime 属性 ④strong ⑤q 配合 cite 属性
登录后查看答案
下列哪个 HTML5 属性用于规定表单控件在提交前必须填写内容，否则浏览器会阻止提交并给出提示？ A. placeholder B. required C. autofocus D. autocomplete
某元素绑定了 `submit` 事件监听器，回调中执行 `event.preventDefault()`。随后程序检查 `event.defaultPrevented`，要求其值为 `true`。创建事件时，以下哪项配置能满足要求？ A. `{ bubbles: true }` B. `{ cancelable: true }` C. `{ composed: true }` D. `{ detail: 1 }`
阅读程序，执行后控制台依次输出什么？ let output = ""; for (let i = 1; i <= 6; i++) { if (i === 2) continue; if (i === 5) break; output += i; } console.log(output); A. 1234 B. 134 C. 1346 D. 12346
下列关于事件冒泡与事件委托的说法，正确的是哪一项？ A. 事件冒泡指事件从最外层祖先元素逐层向内传递到目标元素 B. 事件委托利用冒泡机制，把事件处理函数绑定在父元素上统一处理子元素的事件 C. 使用事件委托时，必须为每个子元素分别绑定事件处理函数 D. 事件委托要求阻止事件冒泡，否则无法正常工作
某页面包含块内有两个浮动元素：左侧封面图 float:left 且高度为 140px，右侧推荐栏 float:right 且高度为 200px，两者顶部均与包含块顶部对齐。紧随其后的版权段落设置 clear:both 且 margin-top:30px，包含块从顶部到该段落顶部顶边框的垂直距离是多少？ A. 170px B. 200px C. 230px D. 140px
执行以下 JavaScript 语句后，依次查看 typeof p、typeof q、typeof r，结果是哪一项？ let p = "0"; let q = 0; let r = null; p = q; q = r; r = p; A. "number"、"object"、"number" B. "number"、"object"、"object" C. "string"、"object"、"number" D. "number"、"number"、"number"
在 JavaScript 中，设 let n = 5，执行复合赋值表达式 n += n % 2 后，变量 n 的值是（ ） A. 5 B. 6 C. 7 D. 10
某页面的 Grid 容器将网格区域定义为 grid-template-areas: "top top side" "main main side" "foot foot foot"。子元素分别设置 grid-area: top、main、side、foot。设置为 side 的子元素覆盖哪些网格单元？ A. 第一行第三列与第二行第三列 B. 第一行第二列与第二行第二列 C. 第二行第三列与第三行第三列 D. 第一行第三列与第三行第三列
若要使某个容器成为网格容器，并明确划分出 3 行 2 列的网格区域，下列哪组声明是正确的？ A. display: grid; grid-template-rows: repeat(3, 1fr); grid-template-columns: repeat(2, 1fr); B. display: flex; grid-template-rows: repeat(3, 1fr); grid-template-columns: repeat(2, 1fr); C. display: grid; grid-template-rows: repeat(2, 1fr); grid-template-columns: repeat(3, 1fr); D. display: grid; grid-row: repeat(3, 1fr); grid-column: repeat(2, 1fr);
某元素的样式为 `background-color: #e8f0ff; border: 0.15rem dotted #345;`，页面根元素的字号为 20px。该元素的背景色以及边框宽度、样式和颜色分别是什么？ A. #e8f0ff；3px；dotted；#345 B. #e8f0ff；0.15px；dotted；#345 C. #345；3px；dotted；#e8f0ff D. #e8f0ff；3px；solid；#345
某元素依次应用以下声明：`font-style: oblique; font-variant: small-caps; font-weight: 600; font-size: 18px; font-family: serif; font: italic 700 20px/1.4 Arial; font-size: 16px;`。最终该元素的字体样式、字重、字号和字体族依次是什么？ A. italic、700、16px、Arial B. oblique、600、16px、serif C. italic、600、20px、Arial D. normal、700、16px、Arial
某 article 元素的 color 为 navy，其子元素 em 带有 class="hint" 和 id="key"。样式表中有规则 .hint { color: teal; } 和 #key { color: olive; }。该 em 元素最终显示什么颜色？ A. navy B. teal C. olive D. 浏览器默认颜色
某设备要按采集顺序保存 13 个整数读数。下列哪一项既定义了恰含 13 个元素的一维整型数组，又用下标表达式引用了按采集顺序排列的第 10 个读数？ A. int sample[13]; sample[10] B. int sample[13]; sample[9] C. int sample[12]; sample[9] D. int sample[13]; sample[8]
某站点用 CSS 变量统一组件样式，并通过 data-theme 定制主题：`:root{--accent:#1769aa;--on-accent:#fff;--page:#fff}`，`[data-theme="night"]{--accent:#ffd54f;--on-accent:#222;--page:#121212}`，`.danger{--accent:#c62828}`，`.button{background:var(--accent);color:var(--on-accent)}`。当根元素设置 `data-theme="night"`，且某按钮位于 `.danger` 内时，该按钮的背景色和文字色依次是什么？ A. #ffd54f，#222 B. #c62828，#222 C. #c62828，#fff D. #1769aa，#fff
页面中按钮包含一个 `<span>`，点击按钮文字时样式未切换。代码为：`<button id="switch"><span>切换</span></button>`，`document.querySelector("#switch").addEventListener("click", e => e.target.classList.toggle("active"));`。若要求无论点击按钮空白处还是文字，都只切换按钮的 `active` 类，最小改动应是什么？ A. 将 `e.target` 改为 `e.currentTarget` B. 将 `click` 改为 `mouseover` C. 将 `classList.toggle` 改为 `classList.add` D. 将 `#switch` 改为 `span`
页面需要统一管理按钮与卡片的主色，并通过给页面添加主题类切换配色。哪种 CSS 写法最合适？ A. 在每个按钮和卡片规则中分别写入颜色值 B. 在 :root 中定义 CSS 变量，并在主题类中覆盖变量值 C. 为每个按钮和卡片设置不同的内联样式 D. 仅通过修改元素的字体大小切换配色
阅读代码： var name = "全局"; function make() { var name = "局部"; function show() { return name; } return show; } var fn = make(); function run(show) { var name = "参数"; return show(); } 调用 run(fn) 的返回值是什么？ A. 全局 B. 局部 C. 参数 D. undefined
某函数定义为：const delay = (ms) => new Promise((resolve) => setTimeout(() => resolve('ok'), ms)); 若执行 delay(100).then((v) => console.log(v)); 后，关于输出结果及 Promise 状态变化的描述正确的是哪一项？A. 立即输出 'ok'，Promise 创建后立刻变为 fulfilled B. 约 100ms 后输出 'ok'，Promise 由 pending 变为 fulfilled C. 约 100ms 后输出 undefined，Promise 保持 pending D. 永不输出任何内容，Promise 由 pending 变为 rejected
在 HTML5 中，某同学编写了一个用户注册表单，其中用户名输入框的代码为：<input type="text" name="username">。若要在提交表单后服务器端能接收到该输入框的数据，<input> 标签中起关键作用的属性是（ ） A. type B. name C. id D. placeholder