网页制作员高频考点练习题

某网站把旧域名长期迁移到新域名，希望浏览器和搜索引擎都理解为永久迁移；另一个活动页面只是临时跳转到报名页，活动结束后还会恢复原地址。关于 301 和 302 的使用，较合理的是（）。

某文章页包含大量图片，但用户打开页面时只先看到首屏内容。网页制作人员给非首屏图片设置懒加载，让图片在接近可视区域时再加载。这样做主要是为了（）。

某网页有一个只显示放大镜图标的搜索按钮，视觉用户能看懂含义，但读屏软件无法从图标本身知道按钮用途。为该按钮补充 `aria-label="搜索"`，主要是为了（）。

某注册页面用 JavaScript 检查手机号格式和密码长度。老师提醒，服务端仍然必须再次校验用户提交的数据。这样做的主要原因是（）。

某网页需要加载外部 JavaScript 文件。开发人员希望脚本下载时不阻塞 HTML 解析，并且等文档解析完成后再按顺序执行这些脚本。较适合使用的属性是（）。

某网站有一个测试页面，不希望搜索引擎把该页面收录到搜索结果中。运维同学只在 robots.txt 中禁止搜索引擎抓取该页面，但页面此前已经被外部链接指向。若希望更明确地告诉搜索引擎“不要索引这个页面”，页面中更适合使用（）。

同一篇商品介绍可能通过多个 URL 访问，例如带有不同统计参数的链接。为了告诉搜索引擎哪个 URL 是首选规范地址，网页中通常可以设置（）。

制作网页时，开发者在 head 中编写 `<meta name="description" content="...">`，用一两句话概括页面内容。该标签的主要作用是（）。

网页在电脑端显示为三列布局，但在手机屏幕上希望改成单列布局，以便用户阅读。开发者通常可以使用（）。

制作响应式网页时，开发者在 head 中加入 `<meta name="viewport" content="width=device-width, initial-scale=1">`。这样做的主要目的是（）。

制作网页时，开发者使用 header、nav、main、footer 等标签来组织页面区域。这样做的主要好处是（）。

制作登录表单时，为“用户名”输入框设置对应的 label 标签，主要作用是（）。

制作网页时，某张产品图片用于说明页面核心内容。为该图片设置合适的 alt 文本，主要作用是（）。

在 HTML 文档中，title 标签通常用于设置浏览器标签页标题，也常被搜索结果作为页面标题参考。该标签应放在（）。

在 CSS 中，使用 .nav 匹配 class 为 nav 的元素，使用 #header 匹配 id 为 header 的元素。这分别属于（）。

同一个网页在手机、平板和桌面浏览器上都能根据屏幕宽度调整布局和显示效果，这种设计思想通常称为（）。

在网页制作中，用于定义页面主标题的 HTML 标签通常是？

在 CSS 中，用于设置文字颜色的属性是？