HTML5是一种基于Web标准的技术，可以用于开发跨平台应用程序。HTML5提供了一种新的方法，使开发者可以使用HTML、CSS和JavaScript来构建应用程序，而不需要使用特定于操作系统的API或开发工具。HTML5应用程序可以在多个平台（包括桌面、移动设备和Web浏览器）上运行，这使得它们成为一种非常有用的技术。

开发HTML5应用程序需要使用一些工具和技术。首先，需要一个文本编辑器来编写HTML、CSS和JavaScript代码。这些代码可以使用任何文本编辑器编写，例如NotePad++或Sublime Text。其次，需要一个Web浏览器来运行应用程序。这可以是桌面浏览器（例如Chrome或Firefox）或移动浏览器（例如Safari或Chrome for Android）。最后，需要一些框架或库来简化开发过程，并提供一些常见的功能，例如数据存储、导航和UI控件。

下面是一个HTML5应用程序的示例。这个应用程序是一个简单的待办事项列表，它允许用户添加、编辑和删除任务。它使用jQuery Mobile框架来提供UI控件和导航，并使用HTML5本地存储来保存任务列表。

首先，需要创建一个HTML文件，它包含应用程序的基本结构和样式。以下是一个简单的HTML文件：

```html

Todo List

• Add Task

Add Task

```

上面的HTML代码包括两个页面：一个任务列表页面和一个添加任务页面。它使用jQuery Mobile框架提供UI控件和导航，并使用HTML5本地存储来保存任务列表。

接下来，需要使用JavaScript代码来实现应用程序的逻辑。以下是一个简单的JavaScript文件，它包含添加、编辑和删除任务的代码：

```javascript

$(document).on("pageinit", "#add-task-page", function() {

// add task button click handler

$("#add-task-button").on("click", function() {

var name = $("#task-name").val();

var description = $("#task-description").val();

var task = { name: name, description: description };

var tasks = JSON.parse(localStorage.getItem("tasks")) || [];

tasks.push(task);

localStorage.setItem("tasks", JSON.stringify(tasks));

$.mobile.changePage("#index-page");

});

});

$(document).on("pagebeforeshow", "#index-page", function() {

// load tasks from local storage

var tasks = JSON.parse(localStorage.getItem("tasks")) || [];

// clear task list

$("#todo-list li").not(":first").remove();

// add tasks to task list

for (var i = 0; i < tasks.length; i++) {

var task = tasks[i];

var li = $("

$("#todo-list").append(li);

}

// edit task button click handler

$("#todo-list a").on("click", function() {

var index = $(this).data("task-index");

var task = tasks[index];

$("#edit-task-name").val(task.name);

$("#edit-task-description").val(task.description);

$("#edit-task-button").data("task-index", index);

});

});

$(document).on("pageinit", "#edit-task-page", function() {

// edit task button click handler

$("#edit-task-button").on("click", function() {

var index = $(this).data("task-index");

var name = $("#edit-task-name").val();

var description = $("#edit-task-description").val();

var tasks = JSON.parse(localStorage.getItem("tasks")) || [];

var task = tasks[index];

task.name = name;

task.description = description;

localStorage.setItem("tasks", JSON.stringify(tasks));

$.mobile.changePage("#index-page");

});

// delete task button click handler

$("#delete-task-button").on("click", function() {

var index = $(this).data("task-index");

var tasks = JSON.parse(localStorage.getItem("tasks")) || [];

tasks.splice(index, 1);

localStorage.setItem("tasks", JSON.stringify(tasks));

$.mobile.changePage("#index-page");

});

});

```

上面的JavaScript代码使用jQuery Mobile框架提供的事件来处理页面生命周期，并使用HTML5本地存储来保存任务列表。它包括添加、编辑和删除任务的逻辑，并使用JavaScript代码来动态更新任务列表。

最后，需要将HTML文件和JavaScript文件放在一个Web服务器上，以便它们可以通过Web浏览器访问。这可以是本地Web服务器（例如XAMPP或WAMP）或云托管服务（例如GitHub Pages或Heroku）。一旦应用程序在Web服务器上运行，用户就可以使用任何Web浏览器来访问它，并在不同的平台上运行。

总之，HTML5是一种非常有用的技术，可以用于开发跨平台应用程序。它提供了一种新的方法，使开发者可以使用HTML、CSS和JavaScript来构建应用程序，而不需要使用特定于操作系统的API或开发工具。通过使用HTML5，开发者可以创建出非常实用的应用程序，例如待办事项列表、日历和地图等等。