HTML 进阶与规范
本套测试 涵盖 HTML5 新增 API 概念、全局属性、网页 SEO 优化以及无障碍（Accessibility）规范，帮助你从“能写网页”晋升为“写出高质量、专业规范的网页”。
选择题
关于 HTML5 中的布局，相比使用 <div>，使用 <header>、<main>、<footer> 等标签的主要优势是？
想要给 HTML 元素设置一个可以在 CSS 中通过 [hidden] 选择器控制的隐藏状态，应使用哪个全局属性？
关于 SEO（搜索引擎优化），下列哪个标签内的文字对排名影响权重最高？
想要告诉搜索引擎该页面不应该被索引（不出现在搜索结果中），应在 <meta> 标签中设置？
为了提高无障碍访问水平，给 <img> 标签添加 alt 属性的主要原因是？
下列哪个属性可以设置元素的 Tab 键切换顺序（焦点顺序）？
在 HTML5 中，可以通过哪个属性开启元素的本地拼写检查功能？
想要让一个普通的 <div> 元素变成可以直接在页面上编辑的状态，应设置？
关于 HTML5 的 <canvas> 标签，下列描述正确的是？
为了让网页在移动设备上按比例正常显示，<meta name="viewport"> 的 content 属性通常包含？
填空题
data-* 属性用于在 HTML 元素上存储自定义数据，格式必须以 data- 开头。
想要为网页指定一个在浏览器标签页显示的图标（Favicon），应使用 <link rel="icon">。
在 HTML5 中，用于定义页面关键词以便搜索引擎索引的 meta 标签是 `<meta name="keywords" content="...">`。
想要描述网页的核心内容（通常显示在搜索结果的标题下方），应设置 `<meta name="description">`。
accesskey 属性允许你为元素指定一个快捷键（通常配合 Alt 或 Ctrl 键使用）。
想要控制元素是否可以进行拖放操作，应设置 draggable 属性。
为了确保网页被正确解析，必须在 <html> 标签中通过 lang 属性指定页面的语言（如 zh-CN）。
<link rel="canonical"> 标签用于向搜索引擎指出页面的首选（规范）版本，防止重复内容影响 SEO。
在无障碍开发中，ARIA 属性（Accessible Rich Internet Applications）用于增强复杂控件的语义。
想要让元素在页面加载时自动获得焦点，应添加 autofocus 属性。