HTML5全屏API详细介绍

HTML5全屏API是一组用于在Web浏览器中实现全屏显示的功能的API。它提供了一种简单的方式，使得网页内容能够占据整个屏幕空间，提供更丰富的用户体验。本文将详细介绍HTML5全屏API的使用方法，并提供相应的源代码示例。

全屏模式是指将网页内容展示在整个屏幕上，隐藏浏览器的地址栏、工具栏和其他界面元素，以提供更专注、沉浸式的体验。HTML5全屏API通过两个主要的接口来实现全屏功能：Element.requestFullscreen()和Document.exitFullscreen()。

1. Element.requestFullscreen()

Element.requestFullscreen()方法用于将指定的元素进入全屏模式。这个方法可以应用于任意的HTML元素，例如<div>、<video>或者<canvas>等。

下面是一个示例，展示如何使用Element.requestFullscreen()方法将一个<div>元素进入全屏模式：

<!DOCTYPE