1、使用

2、用

立即学习“前端免费学习笔记（深入）”；

3、以ain>标识文档中唯一的核心内容区域，每个页面有且仅有一个。

4、采用封装可独立分发的内容单元，例如博客文章或新闻条目。

5、使用

三、原生多媒体支持

HTML5取消对Flash等插件的依赖，通过与

1、插入音频：，其中controls属性启用播放控件。

2、嵌入视频并设置尺寸：。

3、为不同格式提供备选源：在

AI自动审核代码

4、添加元素实现字幕支持，kind="subtitles"且srclang属性必须指定语言代码。

四、Canvas绘图基础

提供一块位图画布，开发者可通过J*aScript获取2D渲染上下文，在其上动态绘制图形、动画与交互界面。

1、在HTML中声明画布：<canvas id="myCanvas" width="400" height="300"></canvas>。

2、使用document.getElementById获取DOM节点，再调用getContext('2d')获得绘图环境对象。

3、调用beginPath()开始路径，moveTo()设定起点，lineTo()绘制直线，stroke()描边显示。

4、填充矩形时使用fillRect(x, y, width, height)，坐标原点位于画布左上角，x向右递增，y向下递增。

五、本地存储机制

HTML5提供localStorage与sessionStorage两种客户端存储方案，均以键值对形式保存字符串数据，规避Cookie大小与传输限制。

1、写入数据：localStorage.setItem('username', 'Alice')，数据在关闭浏览器后仍持久保留。

2、读取数据：const name = localStorage.getItem('username')，返回对应键的字符串值或null。

3、删除单项：localStorage.removeItem('username')；清空全部：localStorage.clear()。

4、sessionStorage行为类似，但仅在当前会话周期有效，关闭标签页即自动清除所有数据。