如何判断html是h5页面

判断HTML是否为H5页面，可以查看其DOCTYPE声明是否为``，以及是否使用了H5新增的标签、属性和API。

判断HTML是否是H5页面主要依赖于其使用的HTML版本和采用的技术特性，以下是一些详细的判断标准：

如何判断html是h5页面

1. 文档类型声明

在HTML的最开始，通常会有一个文档类型声明（DOCTYPE），对于H5页面，这个声明通常是：

<!DOCTYPE html>

如果页面的DOCTYPE是上述代码，那么这个页面就是使用H5编写的。

2. 使用H5新元素

H5引入了许多新的HTML元素，如<header>, <footer>, <article>, <section>, <nav>, <aside>等，如果页面中使用了这些新元素，那么这个页面可能是使用H5编写的。

<header>
    <h1>网站标题</h1>
</header>

3. 使用H5新属性

H5还引入了许多新的属性，如autofocus, placeholder, required, pattern等，如果页面中的输入元素使用了这些新属性，那么这个页面可能是使用H5编写的。

<input type="text" placeholder="请输入搜索内容" required>

4. 使用H5新API

如果页面中使用了H5的新API，如地理位置API、本地存储API、canvas API、WebSockets API等，那么这个页面可能是使用H5编写的。

使用地理位置API获取用户位置：

if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
} else { 
    x.innerHTML = "Geolocation is not supported by this browser.";
}