19、HTML5 交互与微格式：提升网页功能与语义化

HTML5 交互与微格式：提升网页功能与语义化

在网页开发中，HTML5 提供了众多强大的功能，可显著增强用户与网页的交互体验。以下将详细介绍 HTML5 的一些重要特性及其应用方法。

待办事项列表的持久化

普通的待办事项列表在用户离开页面后会消失，为解决这一问题，可借助 jQuery 脚本将其保存到本地存储，并在页面重新加载时恢复。具体操作步骤如下：
1. 在文档的头部添加 jQuery：

<script src="jquery.min.js"></script>

2. 启动文档就绪函数：

<script>
    $(document).ready(function(){
    });
</script>

3. 在文档就绪函数中，将待办事项列表保存到本地存储：

<script>
    $(document).ready(function(){
        $("#myToDoList").blur(function() {
            localStorage.setItem('myToDoData', this.innerHTML);
        });
    });
</script>