HTML初级题库第 4 组，共 12 张卡片。
HTML · 初级 04
<ul id="tasks"><li>编写代码</li><li hidden>删除数据</li></ul>
<script>
const list = document.querySelector('#tasks');
list.querySelectorAll('li').forEach((item, index) => {
item.textContent = `${index + 1}. ${item.textContent}`;
});
</script>
querySelectorAll 根据选择器匹配 DOM 元素，不会自动排除带有 hidden 属性的节点，因此循环会同时修改两个 li 的文本。
在题设限定的典型桌面鼠标交互中，按下鼠标先产生 mousedown；
在已明确同源且目标环境支持的情况下，BroadcastChannel 为同源浏览上下文提供了按频道广播消息的直接机制。
应使用显式声明 type="button" 的 button 元素。
querySelectorAll 返回静态 NodeList，它表示查询执行时匹配到的节点集合，而不会持续监听后续 DOM 变化。
HTML5 语义化是根据内容在文档中的真实角色选择元素，而不是只根据默认外观或布局需要选标签。
Element.children 返回实时更新的 HTMLCollection，DOM 新增第三个元素子节点后，live.length 会自动变为 3。
CustomEvent 可通过 detail 携带自定义数据，监听器中 event.detail.id 因而得到 42。
对于经典外部脚本，defer 允许脚本与 HTML 解析并行下载，并在文档解析完成后、DOMContentLoaded 之前按文档顺序执行，因此适合存在…
对于无依赖、无顺序要求且希望尽快运行的经典脚本，async 最匹配。
对于首屏以下的非关键 iframe，原生 loading="lazy" 能提示浏览器延后加载距离视口较远的嵌入内容，并在接近可视区域时自动安排请求。
| 属性 | 属性值 | 注释 | | :------- | :--------- | :-------------------------------…