掌握HTML5考试需重点理解语义化标签（如header、nav、article等）的应用场景，熟练运用新表单类型（email、number）与验证属性（required、pattern），并清楚localStorage（持久存储）和sessionStorage（会话级存储）的区别及JSON数据转换方法。
想顺利通过大学的HTML5考试，关键在于抓住核心考点并结合实践。课程通常会围绕基础概念、语义化标签、表单新特性以及本地存储这几个模块展开，掌握这些内容，过关并不难。
语义化标签是重中之重
理解并正确使用语义化标签几乎是每场考试的必考题。不要只是死记硬背标签名称，要明白它们的应用场景。
- header：用于页面或区块的顶部，比如网站的导航栏和Logo区域。
- nav：专门包裹主导航链接，像菜单列表就该用它。
- article：表示一个独立的内容块，例如一篇博客文章或一则新闻。
- section：代表文档中的一个章节或部分，常用来对相关内容进行分组。
- footer：放在页面或区块的底部，通常包含版权信息。
记住，用这些标签代替无意义的div，能让代码结构更清晰，这也是现代Web开发的基本要求。
玩转HTML5新表单与验证
考试中经常会出现让你设计一个表单的大题，必须熟练掌握新的输入类型和验证属性。
立即学习“前端免费学习笔记（深入）”；
- 使用type="email"可以自动验证邮箱格式是否正确。
- 用type="number"配合min和max属性能限制输入范围，比如年龄18-60岁。
- 给必填项加上required属性，用户不填写就无法提交。
- 利用pattern属性配合正则表达式，可以实现复杂验证，比如用
pattern="[A-Za-z]{3}"限制只能输入三个字母。 - 别忘了placeholder可以在输入框里显示提示文字。
理解本地存储机制
localStorage和sessionStorage的区别是选择题和简答题的常客，得搞清楚它们的特性和适用场景。
- localStorage的数据是持久化的，关闭浏览器也不会消失，适合长期保存用户偏好，比如主题设置。
- sessionStorage的数据只在当前会话有效，关闭页面标签后就会被清除，非常适合存购物车临时数据。
- 两者都只能存储字符串，存对象需要用
JSON.stringify()转换。 - 记住API很简单：
setItem(key, value)存数据，getItem(key)取数据。
基本上就这些，抓住重点，多练几次真题，轻松应对。
